- 使用
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
。