- 使用
vue-cli
调接口的时候,总是会出现跨域问题,在vue-cli
中,有关于proxyTable
,这个配置就是将localhost映射成访问的域名。
那么何为代理?
- 代理服务器英文全称是Proxy Server,其功能就是代理网络用户去取得网络信息。形象的说:它是网络信息的中转站。
那么在vue里,如何设置代理?
- 1.config目录找到index.js
- 2.在dev里添加proxyTable
proxyTable: {
'/':{
target:'http://localhost:3000',
changeOrigin: true,
pathRewrite:{
'^/':'/'
}
},
},
这样我们在写url的时候,只用写成/test/1就可以代表http://localhost:3000/test/1.
这一步为止,重新npm start
。