解决跨域问题

• 使用

  methods: {
    handleGetInfo () {
    axios.get('/api/file/user').then(res => {
      console.log(res)
    }).catch(err => {
      console.log(err)
    })
   }
  }
  

• 前台代理

  module.exports = {
    lintOnSave: false,
    productionSourceMap: false, //生产环境下是否生成 sourceMap
    devServer: {
        open: true,    //是否自动打开浏览器
        host: 'localhost',
        port: 8081,    //启动端口号
        disableHostCheck: true, //本地代理需要
       proxy: {
          '/api': {
           target: 'http://localhost:8080',
           ws: true,
            changeOrigin: true, //是否代理
            pathRewrite: {  // 不能少
                '^/api': ''
            }
        }
     }
    }
  }
  

• nginx 代理

  server {
    listen       8081;
    server_name  localhost;
     location /api/ {
        proxy_pass   http://localhost:8080/;
    }
    location / {
        root   D:/vue/vue-demo1/dist;
        index  index.html index.htm;
    }
  }