vue项目设置反向代理跨域

网上介绍vue设置反向代理的博客很多,方法也很多,我用的是在vue.config.js文件里进行设置,该文件和src文件夹同级
代码如下:


// vue.config.js
const webpack = require('webpack')
module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://192.168.20.220:8092',// 发送请求的后台接口
                ws: true,
                changeOrigin: true,
                secure: false,// 如果是https接口,需设置secure为false
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    },
}


如果被访问的接口中含有‘api’,vue会自动将请求转发到target:''对应的地址,如果在main.js里面设置了vue的默认路径,使用反向代理时应该把设置默认路径的代码去掉,否则反向代理不起作用。

相关推荐
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页