基于VUE移动音乐WEBAPP跨域请求失败怎么办

这篇文章主要介绍了基于VUE移动音乐WEBAPP跨域请求失败怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

虽然搞定了这个问题,但是很多东西理解也不是很到位,下面详细说:

系统windows,vue版本2.9.1

项目结构如下:

基于VUE移动音乐WEBAPP跨域请求失败怎么办

这里就知道版本差异了,我没有dev-server这个文件,按照黄大牛的配置会报404的错误,错误具体我就不贴了

直接上解决办法

首先在config目录下配置index.js文件如下

基于VUE移动音乐WEBAPP跨域请求失败怎么办

然后在webpack.dev.conf中配置如下

基于VUE移动音乐WEBAPP跨域请求失败怎么办

当然,想调用数据需要在响应的逻辑中进行配置,在recommend.js中写以下

基于VUE移动音乐WEBAPP跨域请求失败怎么办

在recommend.vue进行引入即可,然后console.log在控制台查看

基于VUE移动音乐WEBAPP跨域请求失败怎么办

感谢你能够认真阅读完这篇文章,希望小编分享的“基于VUE移动音乐WEBAPP跨域请求失败怎么办”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注行业资讯频道,更多相关知识等着你来学习!