代理配置解决跨域问题

Posted 筆記

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了代理配置解决跨域问题相关的知识,希望对你有一定的参考价值。

在vue.config.js文件中添加配置

module.exports = 
  transpileDependencies: true,
  lintOnSave: false,
  //代理配置,但是它只在开发环境有效
  devServer: 
    proxy: 
      \'/api\': //路径中匹配到api都会进行转发
        target: \'http://gmall-h5-api.atguigu.cn\',
        //重新路径
        //pathRewrite:  \'^/api\': \'\' ,
      ,
    ,
  ,
;

 

以上是关于代理配置解决跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

Webpack 配置 proxy 代理解决跨域问题

Vue配置代理 解决跨域

宝塔面板Nginx反向代理解决跨域问题

vue的开发模式跨域解决方案和代理配置

Vue Nginx反向代理配置 解决生产环境跨域

uniapp之h5反向代理设置踩坑,解决跨域问题