1.CORS跨域
前端不動 后端配合
像調用正常的接口一樣調用接口,通過后端修改配置使得站點能夠訪問
2.JSONP跨域(github網址:https://github.com/webmodules/jsonp)
前端適配(安裝jsonp插件) 后端配合
3.接口代理
通過修改nginx服務器配置來實現
前端修改 后台不動
修改config/index.js文件
在main.js文件中添加baseURL
在頁面中發axios請求接口地址()
(請求的接口地址為http://mall-pre.springboot.cn/products?categoryId=100012)
(或者在src文件夾下新建vue.config.js ,vue.config.js是整個webpack的配置表(webpack會加載該文件), webpack的配置表最終會傳送給nodejs服務器,來實現整個服務的設置。)
該文件遵循的是commjs規范, module.exports