vue跨域(前端配置/nginx+springboot配置)
2020-08-18 本文已影响0人
GG_lyf
前言
学完vue,就想搞点前后端分离玩玩,然而在请求路径的时候却出现了跨域问题!因此我就想解决一下!开搞
1.前端配置解决跨域
1-1.创建文件
vue-cli3的项目没有带那个config/index.js,只能自己创建一个叫vue.config.js![](https://img.haomeiwen.com/i20206173/e8ece9f972ef644b.png)
1-2.写东西
![](https://img.haomeiwen.com/i20206173/f22db6a1d6f0a33f.png)
1-3.在main.js中写
![](https://img.haomeiwen.com/i20206173/6d078613ff4918ba.png)
1-4.请求中写
![](https://img.haomeiwen.com/i20206173/7be8c3e49947a85f.png)
1-5.成功
![](https://img.haomeiwen.com/i20206173/6621c438b2202101.png)
2.nginx+springboot配置解决跨域
2-1.vue.config.js中配置
![](https://img.haomeiwen.com/i20206173/6b4d16f419487ac3.png)
2-2.main.js中配置
![](https://img.haomeiwen.com/i20206173/a32b10809a5ddbb4.png)
2-3.springboot中配置
![](https://img.haomeiwen.com/i20206173/3068a508b774ab34.png)
2-4.nginx中配置
![](https://img.haomeiwen.com/i20206173/454dd940e95b4f2e.png)
2-5.请求中写
![](https://img.haomeiwen.com/i20206173/b1e11efa608e11c7.png)
2-6.成功
![](https://img.haomeiwen.com/i20206173/c947c26fc65b59ce.png)