请教Vue Cli4跨域问题

howcoder 2020-12-10 05:43:38

如图

看了下教程，好像也感觉没什么问题，但是请求的地址还是本地端口，正常应该是请求http://test.com/WeChatYYF/GetAllStoreList地址才对吧

所以想问下是哪里配置出了问题

...全文

8215 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

howcoder 2021-05-24

打赏
举报

回复

引用 3 楼小恶魔ly 的回复：

怎么解决的呢

就是按图正常配置就好了

小恶魔ly 2021-05-24

打赏
举报

回复

怎么解决的呢

howcoder 2020-12-11

打赏
举报

回复

好吧，自问自答，已解决了

本文聚焦vue-cli4项目中使用axios请求后端接口时的跨域问题。先介绍跨域概念、同源策略及产生原因，接着阐述配置axios代理解决跨域的思路，包括配置baseUrl、proxy，展示组件中请求写法及原理，最后指出重启项目可解决跨域，不过目前仅适用于开发环境。

本文介绍在Vue项目中如何通过前端代理解决跨域问题，详细解释了在vue-cli4环境下，利用vue.config.js配置文件设置代理，实现本地开发环境中与后端API的无缝对接。

本文介绍了如何在Vue-cli4项目中通过创建vue.config.js文件来配置开发服务器解决跨域问题。主要步骤包括设置devServer的proxy属性，将'/api'路径指向指定的接口地址，并在axios请求中省略基础URL。示例代码展示了axios的封装和使用，以实现不同HTTP方法的跨域请求。

本文介绍如何在Vue-Cli4项目中配置跨域，通过修改Vue.config.js实现接口代理，并使用axios进行统一请求管理。文章详细解释了配置过程及代码示例。

本文详细介绍如何在Vue项目中解决跨域问题，通过配置.vue.config.js和.env.development文件，设置代理服务器，实现本地开发环境的跨域请求。文章还介绍了如何安装并使用qs和axios进行数据请求。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章