Vue项目开发过程中以及在nginx上部署时跨域问题的解决

vue项目开发环境中的配置

    开发环境中的配置在项目的配置文件 /config/index.js 中，找到dev属性下的proxyTable属性，

proxyTable: {
      '/api': {
        target: "http://localhost:8080/xx/api/",  //设置调用的接口和端口号中被替代部分
        changeOrigin: true, //设置是否允许跨域
        pathRewrite: {
          //用'/api'代替target里的地址，比如:'http://localhost:8080/xx/api/user/getAll'可以写成'/api/user/getAll'
          '^/api': ''  
        }
      }
    },

       这是在开发环境中的设置，实际部署时需要另行设置，下面以在nginx上部署为例，介绍如何进行跨域设置。

vue项目的打包

        vue项目terminal中使用'npm run build'命令进行打包，打包之前注意设置静态文件的位置。同样在项目的配置文件 /config/index.js 中，找到build属性下的assetsSubDirectory和assetsPublicPath属性，assetsSubDirectory表示静态文件所在的文件夹名称，assetsPublic