Vue项目与nginx部署跨域问题

目录

Vue项目的跨域问题：

Vue项目部署到nginx上的跨域问题解决

---

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节点下，加上以上代码即可。