vue项目通过vue.config.js配置文件进行proxy反向代理跨域

  1. vue项目进行跨域,通过proxy进行反向代理。在项目的根目录下,创建vue.config.js文件,通过 module.exports 进行模块暴露,在proxy写代理的接口,如 ‘/api’,target是接口 '/api’的前面地址,也就是目标地址,而设置changeOrigin的值为true可以代理反向的地址
  2. vue.config.js配置文件代码如下:
module.exports =  {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://39.97.33.178',
                changeOrigin: true
            }
        }
    }
}

你可能感兴趣的:(Vue)