vue dev开发环境跨域和build生产环境跨域问题解决
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': '', //重写, } } },
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 配置文件中增加:
location /api { rewrite ^/api/(.*)$ /$1 break; proxy_pass http://testw.haier.com; }