vue跨域 使用 http-proxy-middleware 代理解决(项目使用vue-cli3.0搭建)

vue跨域 使用 http-proxy-middleware 代理解决(项目使用vue-cli3.0搭建)

最近在模仿用Vue来搭建一个音乐播放器,用的是最新Vue.cli3来进行搭建的,要从QQ音乐来获取数据,那在之前的方法是用node的express框架起了一个服务设置了跨域,这种方法适用于vue2.x,那么在vux.3.0中呢,项目结构的目录是这样滴

在这里插入图片描述
所以呢,不能像在vue2.0里面有个build文件里面,写一些对应的跨域请求,需要在项目根目录里面重新写一个config.js文件,具体的可以看看官方文档

那么直接说方法了,(这是用来个人记录的…还说那么多屁话ε=(´ο`))))*

首先,需要下载http-proxy-middleware,创建一个server.js文件,代码如下

const express = require('express');
const proxy = require('http-proxy-middleware');

const app = express();
app.use('/static', express.static(`${
     __dirname}
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值