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

最新推荐文章于 2024-05-28 16:29:13 发布
最新推荐文章于 2024-05-28 16:29:13 发布
阅读量633 收藏
点赞数 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 webpack没有dev-server文件，如何实现mock后台数据模拟
mx_is_bang的博客
02-12 682
dev-server文件在最新的vue版本中是webpack.dev.conf.js 代码没有太大变动，只是语法上有一些改变 ！！修改后一定重新启动npm run dev,才能访问到接口数据 webpack.dev.conf.js文件 const express = require('express') const app = express()//请求server var goodsData =...
config文件下的index文件配置跨域和vue.config.js配置跨域
☆夏の独憶☆
02-23 1302
VUE 出现 Access to XMLHttpRequest at ‘http://192.168.88.228/login/Login?phone=19939306484&password=111’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: The value of the 'Access-Contr 1.config文件下index.js中配置跨域 首先打开 config -> index.
vue没有dev-sever.js这个文件怎么跨域代理
初遇你时动了情
05-16 429
在fonfig文件夹里面的index.js中加入proxyTable中的代码就行了，本地测试可以module.exports = {   dev: {     // Paths     assetsSubDirectory: 'static',     assetsPublicPath: '/',     proxyTable: {//这里面就是需要添加的代码 '/api/getDisList'...
vue.config.js的配置解释和其中跨域解决方案处理
luoxiaonuan_hi的博客
05-19 1256
对vue目录下的vue.config.js文件进行配置，配置跨域选项 // 编译调试的配置文件 'use strict' const path = require('path') const defaultSettings = require('./src/settings.js') function resolve (dir) { return path.join(__dirname, dir) } const name = defaultSettings.title || 'vue Admi
解决 vue-cli index.js dev 配置中 assetsPublicPath 的值不能填 "./" 的问题
热门推荐
youngboy的博客
11-22 3万+
问题篇 最近使用frp代理开发微信vue应用，frp代理不直接暴露根目录，因为我的根目录已经被我的博客占用了，所以就使用nginx又代理了一层，访问方式从越来的 wechat.youngboy.vip 变成 wechat.youngboy.vip/proxy ，在游览器中 / 代表域名的根目录，./代表当前路径 比如: 域名 wechat.youngboy.vip 目录结构 --+ static...
Webpack-dev-server配置开发及跨域解决
DOM曼珠沙华的博客
06-20 4140
提升开发效率的利器 每次改完代码都需要重新打包⼀次，打开浏览器，刷新⼀次，很麻烦,我们可以安装使⽤webpackdevserver来改善这块的体验 安装 npm install webpack-dev-server -D 配置 修改下package.json "scripts": { "server": "webpack-dev-server" }, 在webpack.config.js配置，在原有基础上添加： devServer: { contentBase...
使用webpack-dev-server配置代理解决前端开发中的跨域问题
最新发布
weixin_62428445的博客
05-28 2164
通过webpack-dev-server的代理功能，我们能够有效地在开发环境中解决跨域问题，使得前后端分离开发更加顺畅。理解代理的配置逻辑不仅帮助我们更好地设置开发环境，也能在遇到问题时快速定位并解决。记住，生产环境中通常需要后端服务器配置CORS策略以正式允许跨域请求，而代理仅作为开发阶段的便捷手段。
webpack配置解决跨域
dcxia89的博客
03-28 4340
webpack 配置proxy: { '/api/*': { target: 'http://localhost:8888/', // 目标服务器地址 secure: false, // 目标服务器地址是否是安全协议 changeOrigin: true, // 是否修改来源, 为true时会让目标服务器以为是webpack-dev-s...
webpack-使用webpack-dev-server.rar
04-12
然后，在 `webpack.config.js` 配置文件中添加 `devServer` 配置项： ```javascript module.exports = { // 其他配置... devServer: { contentBase: './dist', // 指定静态资源目录 hot: true, // 开启热模块...
webpack跨域设置
Cinderellahh92的博客
04-21 1107
devServer: { proxy: { '/api/v1': { target: 'http://106.53.217.166/api/v1', // 这里可以跟随项目实际部署服务器来 secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: true, // 如果接口跨域，需要进行这个参数配置 ws: true, pathRewrite: { .
vue项目没有config文件下的index_前后端分离当下，后端同学总结的手动构建vue项目...
weixin_36410077的博客
01-30 3972
在前后端分离的当下，作为一个后端同学，有时工作有需要或者自己想做个小项目，难免需要接触到前端技术，作为一个多年后端开发的同学，给大家总结了下如何手动构建vue项目。之所以手动构建是因为对前端技术不熟悉的情况就直接使用vue的脚手架会让自己很难明白自己在干什么，本着学习的精神总结了如下的步骤。首先安装node环境。这个就不说了，自行搜索很容易就知道了。接下来是创建项目：1.创建项目文件夹，如fron...
VUE 请求后台数据
weixin_34315665的博客
04-11 1149
在config文件的index.js中加入以下代码： dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', // proxyTable: {}, } 在dev中替换以下代码： proxyTable: {...
vue-cli中config目录下的index.js文件详解
08-18
vue-cli中config目录下的index.js文件详解
npm install 报错 @1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf..
yehaocheng520的博客
11-11 2万+
npm install 报错 很久没有用过webpack了，猛地一用，果然出问题了。 从git上拉下来的代码，因为没有node_modules包，所以需要先进行npm install 在npm install 的过程中，报错如上图所示。 然后，我没有管它，继续npm run dev或者npm run start这个具体的vue启动的命令可以通过查看package.json文件中的配置。通过下图可以查看到npm run dev与npm run start功能是一样的。 结果在运行时就报错了，完全启动不起来。
Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
诚的博客
10-27 5269
vue 项目 npm run dev 运行时报错：npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 原因：新版的webpack-dev-server 3.1.14 存在问题。 解决方法：package.json 中指定 webpack-dev-server 低版本号 方法1： “webpack-dev-server”: “^2.9.1” 删除 nod.
详解webpack-dev-server使用http-proxy解决跨域问题
01-19
文档资料 webpack关于webpack-dev-server开启proxy的官方介绍 ...在webpack的配置文件（webpack.config.js）中进行配置 module.exports = { ...此处省略一万字 // webpack-dev-server的配置 devServer: { h
webpack-dev-server 解决跨域问题
qssn的博客
04-29 3137
    在毕设开发时，由于用react开发前端，SSM开发后端，在二者需要数据交互的时候，发现二者的端口不一样，会出现喜闻乐见跨域问题，由于react用了devServer（webpack-dev-server），所以可以使用devServerd 的proxy解决。    比如我前端的路径为http://localhost:8888，而后端启动的服务为http://localhost:8080，正...
解决@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`错误
weixin_44257822的博客
01-16 2359
根据package.json文件中的scripts。
＞ dev ＞ webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
chanyeolchichi的博客
05-13 5111
> dev> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 使用npm run dev 产生了错误。 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 1.查看vue版本 vue -V 4.5.15 2.卸载、安装对应版本we.
解决：项目名@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`错误
m0_62567916的博客
07-22 5790
要是serve启动命令为：npm run serve。要是dev 启动命令为：npm run dev。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值