vue 跨域

前后端分离之后，常出来的问题就是访问接口是出现跨域的问题，我们可以在配置文件中配置proxyTable来解决跨域问题
config/index.html

proxyTable: {
            "/pro": {
                target: "http://localhost:8765", // 设置你调用的接口域名和端口号 别忘了加http
                changeOrigin: true,
                pathRewrite: {
                    "^/pro": ""// 这里理解成用‘/pro’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
                }
            }
        },

这里需要注意的一点，项目启动地址必须和服务器地址相同，项目启动地址配置位置在config/index.html
代码如下

image.png