vue-cli怎么解决跨域的问题？

vue.config.js或者config/index.js里面添加配置proxy

module.exports = {
  ...
  devServer: {
    port: 8890, // 端口
    open: false, // 自动开启浏览器
    compress: false, // 开启压缩
    overlay: {
      warnings: true,
      errors: true
    },
    host: "0.0.0.0",
    proxy: {
      '^/api': {
          target: 'http://api.javanx.cn/',
          changeOrigin: true,
          pathRewrite: {'^/api' : ''}
      },
    }
  }
}

接口地址本身是没有api的，但是我们在调用接口时需添加/api，比如：’/api/todolist’，接口真实地址就是http://api.javanx.cn/todolist

当发布到服务器上面时，配置nginx的vhost

server {
        listen        80;
        server_name  www.javanx.cn;
        location / {
            proxy_pass http://localhost:8080;
        }
        location ^~ /api/{
            # 服务端地址
            proxy_pass http://localhost:8090;
        }
}