Vue如何设置跨域

config下的index.js
dev: {

        proxyTable: {

            '/api': {

                    target: 'http://10.1.5.11:8080/',//设置你调用的接口域名和端口号

                    changeOrigin: true, //跨域

                    pathRewrite: {

                               '^/api': '/' //这里理解成用‘/api’代替target里面的地址，

                                后面组件中我们掉接口时直接用api代替

                                比如我要调用'http://10.1.5.11:8080/xxx/duty?time=2017-07-07 14:57:22'，

                                直接写‘/api/xxx/duty?time=2017-07-07 14:57:22’即可

                                在开发环境显示地址：http://localhost:9600//api/xxx/duty?time=2017-07-07 14:57:22

                                    } }

config/dev.env.js：

module.exports = merge(prodEnv, {

                                NODE_ENV: '"development"',//开发环境

                                API_HOST:"/api/"

                                })

生产环境配置：prod.env.js

module.exports = {

                NODE_ENV: '"production"',//生产环境

                API_HOST:'"http://10.1.5.11:8080/"'

                }

php文件
namespace app\admin\controller;

header(‘Content-Type: text/html;charset=utf-8’);
header(‘Access-Control-Allow-Origin:*’); // *代表允许任何网址请求
header(‘Access-Control-Allow-Methods:POST,GET,OPTIONS,DELETE’); // 允许请求的类型
header(‘Access-Control-Allow-Credentials: true’); // 设置是否允许发送 cookies
header(‘Access-Control-Allow-Headers: Content-Type,Content-Length,Accept-Encoding,X-Requested-with, Origin’); // 设置允许自定义请求头的字段
原文链接：https://blog.csdn.net/qq_41756364/article/details/79982932