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