Vue中本地新建node服务器,proxy 跨域webpack的配置
1. 通过查询webpack文档可知,webpack的proxy配置在devServer中配置,而他的value值
config.dev.proxyTable将配置的地方引导到index.js中dev对象下的proxyTable对象,将下面的代码填入即可:
1 module.exports = { 2 dev: { 3 //....已有配置 4 proxyTable: { 5 "/api": { 6 target: 'http://127.0.0.1:8900', 7 secure: false, 8 changeOrigin: true 9 } 10 } 11 } 12 }
如上配置并使用npm run dev重启即可。
2. 使用如下:
1 axios.get('/api/seller') 2 .then(function(res) { 3 if (!res.data.errno) { 4 console.log(res.data.data) 5 } 6 }) 7 .catch(function(error) { 8 console.log(error) 9 })
3. 如上配置和使用即可。