前端跨域的三種解決方案


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM