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

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

1、在VUE项目的根目录下放PHP文件

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

<?php
header("Access-control-allow-origin:*");
header('content-type:text/html;charset=utf-8');
...
?>

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

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

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

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

3、使用npm run build命令打包VUE

4、打包之后的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 文章解决（这一步我是参考大佬的这篇文章解决的）

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

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

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