移动端音乐播放器，因webpack版本没有dev-server这个文件，通过配置config下index.js实现跨域

最新推荐文章于 2021-01-30 15:26:06 发布
最新推荐文章于 2021-01-30 15:26:06 发布
阅读量616 收藏
点赞数 1
文章标签： VUE跨域设置 移动端音乐APP跨域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38618418/article/details/80689605
版权

前面的其实都一样，只要注意一点目前某音乐的referer和黄大讲课时已经不一样了，然后删除了host属性，其他照旧！！

然后进入config目录下的index.js文件，找到dev对象下的proxyTable属性，初始为空



然后就可以 愉快的使用数据了（先重启下服务），其他什么都不用修改！！！


qq_38618418
关注
对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】
05-11 1万+
当我们需要和后台分离部署的时候，必须配置config/index.js: 用vue-cli 自动构建的目录里面  （环境变量及其基本变量的配置） 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var path = require
webpack-使用webpack-dev-server.rar
04-12
然后，在 `webpack.config.js` 配置文件中添加 `devServer` 配置项： ```javascript module.exports = { // 其他配置... devServer: { contentBase: './dist', // 指定静态资源目录 hot: true, // 开启热模块...
最新的vue webpack没有dev-server文件，如何实现mock后台数据模拟
mx_is_bang的博客
02-12 658
dev-server文件在最新的vue版本中是webpack.dev.conf.js 代码没有太大变动，只是语法上有一些改变 ！！修改后一定重新启动npm run dev,才能访问到接口数据 webpack.dev.conf.js文件 const express = require('express') const app = express()//请求server var goodsData =...
最新的vue没有dev-server.js文件，如何进行后台数据模拟？
热门推荐
涂涂
12-18 2万+
参照了别人写的记录一下 最新的vue里dev-server.js被替换成了webpack-dev-conf.js 在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改 //第一步 const express = require('express') const app = express()//请求server var appData = req
vue项目没有config文件下的index_前后端分离当下，后端同学总结的手动构建vue项目...
weixin_36410077的博客
01-30 3940
在前后端分离的当下，作为一个后端同学，有时工作有需要或者自己想做个小项目，难免需要接触到前端技术，作为一个多年后端开发的同学，给大家总结了下如何手动构建vue项目。之所以手动构建是因为对前端技术不熟悉的情况就直接使用vue的脚手架会让自己很难明白自己在干什么，本着学习的精神总结了如下的步骤。首先安装node环境。这个就不说了，自行搜索很容易就知道了。接下来是创建项目：1.创建项目文件夹，如fron...
vue2.0在没有dev-server.js下的本地数据配置
mosowe
12-12 3922
vue2.0删除了build文件夹下面的  dev-client.js和dev-server.js; 然而我们之前在制作项目的时候本地配置的数据都在dev-server.js里面完成，如今本地数据的配置换到了同目录下的webpack.dev.conf.js，具体的配置如下：1.找到  const portfinder = require('portfinder')，在后面添加如下代码：const ...
详解webpack-dev-server使用http-proxy解决跨域问题
01-19
文档资料 webpack关于webpack-dev-server开启proxy的官方介绍 ...在webpack的配置文件（webpack.config.js）中进行配置 module.exports = { ...此处省略一万字 // webpack-dev-server的配置 devServer: { h
详解vue-cli脚手架build目录中的dev-server.js配置文件
10-18
紧接着引入了config目录下的index.js配置文件，这个文件中定义了不同的配置环境（生产环境和开发环境）下所需的参数。这里体现了环境配置分离的概念，有助于维护和开发。 2. 环境变量设置 dev-server.js还考虑了...
使用webpack-dev-server处理跨域请求的方法
12-11
在这个配置文件中，寻找 `devServer` 对象，看是否包含 `proxy` 配置项。如果已经存在但被注释掉了，需要取消注释；如果不存在，我们需要手动添加。 ```javascript devServer: { // ... proxy: config.dev.proxy...
使用vue-cli没有'dev-server.js'以及'dev-client.js'文件
法研鲁迅的个人博客
12-10 6691
使用vue-cli没有’dev-server.js’以及’dev-client.js’ 文件在使用最新的 vue-cli 生成vue项目时,发现在build 文件夹内少了 dev-server.js文件,这个文件(dev-server.js)在之前的版本中主要是构建本地服务器,以及dev-client.js 文件,而这个文件(dev-client.js)主要是热重载相关.
vue 没有再dev-servers.js情况下，在webpack.dev.conf.js模拟数据
山外小楼
01-31 1565
最近学习一个vue音乐APP项目，视频中有dev-server.js，我下载的最新版webpack中已经舍弃此JS了，因此需要在webpack.dev.conf.js中模拟。 1.下载axios(npm install axios).并且在webpack.dev.conf.js中写下面的代码 /*模拟后台数据*/ const axios = require('axios') const exp
[被自己坑了] 在 vue 解决跨域时，config/index.js 的正确编写方式
aof26372的博客
06-23 776
pathRewrite 一定是 '/' 然后，接口使用线上的 prod 环境，可以如下操作 嗯嗯，如果线上的 prod 环境 ok 的话， 这样就可以在家开发了 ps: Git 的 私人仓库免费了，真真的好用 haha 转载于:https://www.cnblogs.com/tianxiaxuange/p/11073364.html...
vue-music 移动端不能播放歌曲的解决方案
热爱思考、活力满满、开朗爱笑的年轻人
04-27 2643
vue-music 项目移动端不能播放歌曲的解决方案 vue-music 项目移动端不能播放歌曲的解决方案 步骤一 卸载 vue 和 vue-template-compiler npm uninstall vue vue-template-compiler 步骤二 安装 2.4.1 版本的 vue 和 vue-template-compiler 【vue...
【音乐App】—— Vue-music 项目学习笔记：播放器内置组件开发（二）
柳柳66的博客
12-24 673
【音乐App】—— Vue-music 项目学习笔记：播放器内置组件开发（二） 前言：以下内容均为学习慕课网高级实战课程的实践爬坑笔记。 项目github地址：https://github.com/66Web/ljq_vue_music，欢迎Star。 播放模式切换 歌词滚动显示   ...
vue2.0 跨域解决问题
温柔养猫客
07-20 953
设置代理解决跨域问题 进入config>index.js目录下，添加匹配项： proxyTable: { '/web': { // loca为匹配项 target: "http://localhost:3003", // 设置代理目标（域名） // secure: false, // 如果是h...
VUE config/index.js文件配置
杨航的专栏
06-28 4500
当我们需要和后台分离部署的时候，必须配置config/index.js:用vue-cli 自动构建的目录里面  （环境变量及其基本变量的配置）123456789101112131415var path = require('path') module.exports = {  build: {    index: path.resolve(__dirname, 'dist/index.html...
webpack开发配置（webpack.base.js/webpack.dev.js/webpack.prod.js）
kingov
08-16 1万+
项目初始结构分析通常项目会分成三个运行环境：开发人员在本地跑的开发环境(dev)、测试人员用来做黑盒测试的测试环境(test)和线上运行的生产环境(production)。 简单起见，本文只考虑开发环境(dev)和生产环境(prod)，测试环境可以自行类比。 综上，webpack的配置需要有两套，同时两套配置必然会存在相同的部分，故新建目录与文件如下图： folder 同时引入一个库webpack-
新版vue-cli 没有dev-server.js
哼哼哼哼哼
07-30 806
新版本的vue中webpack.dev.conf.js 代替了之前的dev-server 再此之前需添加 axios 
Vue音乐App：QQ音乐搜索接口的跨域配置与Webpack示例
在这个场景下，主要关注的是如何在webpack.dev.config.js文件中配置跨域策略，以便于前端应用能够安全地访问到后端提供的API。 首先，引入必要的模块，如'utils'模块用于处理通用工具函数，'webpack'用于管理构建...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值