VUE webpack前端代理解决跨域问题

2019独角兽企业重金招聘Python工程师标准>>>

npm i webpack-dev-server --save-dev

webpack.config.js中的module.exports增加：
devServer: {
   historyApiFallback: true,
   hot: true,
   inline: true,
   progress: true,
   port: 3000,
   host: 'localhost',
   proxy: {
     '/api/service': {
       target: 'http://localhost:8080/',
       changeOrigin: true,
       secure: false,
       pathRewrite: {
          '^/api/service': '/'
        }
     }
   }
  }

• host为本机
• port为启动端口
• proxy:
  • /api/service: 所有已“/api/service”开头的http请求
  • target: 实际接口访问地址
  • pathRewrite： 将“/api/service”替换成“/”

转载于:https://my.oschina.net/pasenger/blog/1933887