前端跨域怎么解决vue（vue前端页面跨域解决方案）



大家好，又见面了，我是你们的朋友全栈君。

一、开发环境解决跨域方法

平时使用vue开发的时候，大多会使用vue-cli搭建项目，在vue-cli搭建的项目中有一个配置文件vue.config.js,可以在该文件中进行相应的配置解决开发环境的跨域问题。 第一步设置公共url

api/index.js

api/modules/pagesApi.js

通过拦截器我们可以更加容易的与后台进行交互，同时简洁了代码，使得管理更加容易，我们创建拦截器的时候可以指定baseUrl，这里我指定的是”/api”,因为接下来我们需要对“/api”进行拦截配置，目的是凡是以“/api”开头的请求url都会将url中的“/api”的前面添加上我们指定的内容。 例如：

vue.config.js

二、生产环境解决跨域方法

配置nginx代理

使用nginx反向代理，在配置文件nginx.conf中找到server{}对象，更改项目地址root和配置代理地址proxy_pass，这个方法适合前端静态文件使用：

三，后端处理

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/187176.html原文链接：https://javaforall.cn

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/52281.html