在vuecli3中配置proxy代理无效如何解决

在vue cli3中配置proxy代理无效如何解决？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联建站是一家集网站建设,南木林企业网站建设,南木林品牌网站建设,网站定制,南木林网站建设报价,网络营销,网络优化,南木林网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

vue.config.js配置如下内容(不要配置任何多余的选项，什么changOrigin pathRewrite 之类的东西都不要配)：

module.exports = {
  devServer: {
    proxy:"http://127.0.0.1:8081",
    port: 8085
  }
}

axios访问的时候不要配置任何东西，axios里访问的url不需要加任何前缀，如下

补充注释如下：

const webpack = require('webpack')
module.exports = {
  devServer: {
    proxy:"http://127.0.0.1:8081", //开发环境的跨域问题解决，后端springboot服务ip 和 端口
    port: 8085 //dev模式下的前端服务端口，也就是浏览器通过localhost：8085 访问前端页面
  },
 configureWebpack: {
  plugins: [
   new webpack.ProvidePlugin({
    $:"jquery",
    jQuery:"jquery",
    "windows.jQuery":"jquery"
   })
  ]
 }
}

关于在vue cli3中配置proxy代理无效如何解决问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。

文章标题：在vuecli3中配置proxy代理无效如何解决
转载来于：http://cdxtjz.cn/article/piiceg.html