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项目 不然代理不会生效