文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

VUE中使用PHP文件遇到的问题解决

2023-09-18 15:23

关注

最近项目更新需要要在腾讯云服务器上上线用以VUE为框架的前后端分离的项目,在本地测试和上线实机测试之后遇到了php文件请求跨域的问题,第一次一个人处理这种问题,参考了站内大佬们的文档之后解决了,现在来记录下解决的方法:

VUE项目的根目录下放PHP文件

在引用PHP文件时,记得要在PHP文件的头部加入下面两行代码,第二个加不加好像都无所谓,但第一个必须写,不写的话则会报错

然后在congig/index.js里写入以下代码

module.exports = {  dev: {    //PHP    proxyTable:{      '/api':{        target:'http://jsonplaceholder.typicode.com',        changeOrigin: true,        pathRewrite:{          '^/api':''        }      }    },}

然后在所需要的页面内调用即可 

(解决这一步问题参考的大佬的文章:(52条消息) vue中使用PHP_シロシロシロシロ的博客-CSDN博客_vue 使用php )

使用npm run build命令打包VUE

打包之后的VUE项目上线之后,可能会因为打包后文件的问题遇到 Failed to load resource: net::ERR_FILE_NOT_FOUND这样的错误代码,需要修改VUE内的一部分文件,可以参考大佬的 (52条消息) vue打包:Failed to load resource: net::ERR_FILE_NOT_FOUND问题_Expelliarmus!的博客-CSDN博客_vue3 build err_file_not_found 文章解决(这一步我是参考大佬的这篇文章解决的)

重新使用 npm run build 命令打包VUE项目,将打包好的VUE文件中的dist文件导入到云服务器中就行

到此为止我的问题就全部解决了。

如果在本地测试的时候,遇到 Failed to load resource:net::ERR_FAILED 的问题,这个就检查本地是否在跑PHP;如果在云服务器上上线之后出现这个问题,那应该就是云服务器端的PHP环境没配置好,参考你所使用的云服务器的官方文档重新配置试试。

来源地址:https://blog.csdn.net/weixin_52926673/article/details/128763740

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯