最近项目更新需要要在腾讯云服务器上上线用以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