vue dev开发环境跨域和build生产环境跨域问题解决

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

dev开发时解决请求跨域问题：config-index.js 配置代理dev: {     env: require('./dev.env'),     port: 8082,     assetsSubDirectory: 'static',     assetsPublicPath: '/',     proxyTable: {       '/api': {         target: 'http://testw.haier.com', //后端接口地址         changeOrigin: true, //是否允许跨越         pathRewrite: {           '^/api': '', //重写,         }       }     },

　

?

1 2 3 4 5 6 7 8 9 10

vue单页请求路径写法 this.$http.post('/api/interaction-comment/getCommentList', parms).then((response) => {         response = response.data;         console.log(response.data)         if (response.isSuccess === true) {           console.log("输出")           this.currentTotal = response.data.entityCount;           this.tableData = response.data.entities;         }       });       }

　　

npm run build部署到开发环境下的跨域解决：

在nginx-1.12.1\conf 配置文件中增加：

?

1 2 3 4

location /api {        rewrite ^/api/(.*)$ /$1 break;            proxy_pass http://testw.haier.com;        }