vue解决跨域

在vue根目录下创建出vue.config.js

写入如下代码 以百度为例

module.exports = { devServer: { proxy: '代理服务器地址' } } // 或者 module.exports = { devServer: { proxy: { '/api': { target: '代理服务器地址', ws: true // webscoket changeOrigin: true } } } }

在要发送前端请求的页面使用

created() { // 对应第一种代理时的请求方法 var data = await axios.get('/接口地址') //对应第二种代理的请求方法 var data = await axios.get('/api/接口地址') } 修改完配置文件要重新启动vue项目 不然代理不会生效