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. 如上配置和使用即可。