Vue-cli proxy前端解决跨域问题

前端解决跨域

如果是Vue-cli3 则需要在根目录下建立vue.config.js
下载http-proxy-middleware依赖

npm install http-proxy-middleware -save -dev

vue.config.js

var proxy = require('http-proxy-middleware');
module.exports = {

    devServer: {
        proxy: {
          '/api': { // api表示当前项目请求的key
            ws: true,
            target: 'http://192.168.30.51:8080', // 代理服务器路径
            pathRewrite: {'^/api' : ''}, // 重写路径
            changeOrigin: true
          }
        }
     }
}

发情请求

axios.post('/api/xxx',{})=>则可以访问到http://localhost:8080/xxx接口