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