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

相关文章:

  • 2022-12-23
  • 2021-08-06
  • 2021-05-28
  • 2022-12-23
  • 2021-09-21
  • 2021-11-22
  • 2021-11-14
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-10-31
  • 2021-07-02
  • 2022-12-23
  • 2021-06-25
相关资源
相似解决方案