目录
Vue项目的跨域问题:
在使用Vue构建的前端工程中,访问本地不同ip与端口,都会存在跨域问题,下面给出一个使用代理解决的办法:
在config目录的index.js文件中,添加:
proxyTable: {
'/api':{
target:'https://api.douban.com',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
在要访问该地址的时候这样写:
axios.get('/api/v2/book/1220562').then(resp=>{
console.log(resp)
})
原来的url是:https://api.douban.com/api/v2/book/1220562,现在就不应该这样写了。
问题解决。
Vue项目部署到nginx上的跨域问题解决
这还没完,现在我们要将项目部署到nginx上,此时原来可以访问的接口又访问不到了,所以这个时候还要对nginx进行设置。
location /api {
proxy_pass https://api.douban.com/;
}
在nginx.conf文件的server节点下,加上以上代码即可。