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

最新推荐文章于 2022-06-29 22:09:45 发布
最新推荐文章于 2022-06-29 22:09:45 发布
阅读量619 收藏
点赞数 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 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 =...
config文件下的index文件配置跨域和vue.config.js配置跨域
☆夏の独憶☆
02-23 1265
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 412
在fonfig文件夹里面的index.js中加入proxyTable中的代码就行了，本地测试可以module.exports = {   dev: {     // Paths     assetsSubDirectory: 'static',     assetsPublicPath: '/',     proxyTable: {//这里面就是需要添加的代码 '/api/getDisList'...
vue.config.js的配置解释和其中跨域解决方案处理
luoxiaonuan_hi的博客
05-19 1210
对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-使用webpack-dev-server.rar
04-12
然后，在 `webpack.config.js` 配置文件中添加 `devServer` 配置项： ```javascript module.exports = { // 其他配置... devServer: { contentBase: './dist', // 指定静态资源目录 hot: true, // 开启热模块...
详解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...
webpack-dev-server-demo.zip
09-29
4. **配置文件**：Webpack-dev-server 通常与 Webpack 配合使用，通过 `webpack.config.js` 文件进行配置。在该配置文件中，可以指定入口文件、输出目录、模块解析规则、插件等。 5. **命令行参数**：除了配置文件...
vue-cli中config目录下的index.js文件详解
08-18
vue-cli中config目录下的index.js文件详解
vue – vue.config.js中devServer配置方式
12-13
前言 这里写你调用接口的基础路径，来解决跨域，如果设置了代理，那你本地开发环境的axios的baseUrl要写为”，即空字符串 只有一个接口ip端口时 devServer: { open: false, // 跨域 proxy: { '/nuojinadm/': { target: 'http://192.168.0.11/', changeOrigin: true } } } 2、设置axios中的baseUrl 与proxy端口一致 baseUrl: { dev: '/nuojinadm/', pro: '/nuojinadm/'
vue项目没有config文件下的index_前后端分离当下，后端同学总结的手动构建vue项目...
weixin_36410077的博客
01-30 3945
在前后端分离的当下，作为一个后端同学，有时工作有需要或者自己想做个小项目，难免需要接触到前端技术，作为一个多年后端开发的同学，给大家总结了下如何手动构建vue项目。之所以手动构建是因为对前端技术不熟悉的情况就直接使用vue的脚手架会让自己很难明白自己在干什么，本着学习的精神总结了如下的步骤。首先安装node环境。这个就不说了，自行搜索很容易就知道了。接下来是创建项目：1.创建项目文件夹，如fron...
VUE 请求后台数据
weixin_34315665的博客
04-11 1134
在config文件的index.js中加入以下代码： dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', // proxyTable: {}, } 在dev中替换以下代码： proxyTable: {...
webpack-dev-server解决跨域
大赚万万亿
01-08 3300
目前解决跨域常用的方法是采用 webpack-dev-server 结合 proxy 接口代理或者使用 Nginx 均可配置跨域的代理。由于在本地配置好 webpack-dev-server 之后，所有项目成员都可以使用，一劳永逸。我们采用了配置 webpack-dev-server 中 proxy 的接口代理，在 webpack.config.js 文件中对 webpack-dev-server...
React脚手架创建项目，跨域问题处理
前端-卡布达的博客
06-29 750
配置之后，请求的url中需要添加/api这样就会把以"/api"开头的请求，代理到实际要请求的。1、首先在src下面新建setupProxy.js文件然后进行如下的配置。文件，那么也可以使用http-proxy-middleware来实现。一、使用http-proxy-middleware来实现。...
最新的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.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
vue2.0在没有dev-server.js下的本地数据配置
mosowe
12-12 3923
vue2.0删除了build文件夹下面的  dev-client.js和dev-server.js; 然而我们之前在制作项目的时候本地配置的数据都在dev-server.js里面完成，如今本地数据的配置换到了同目录下的webpack.dev.conf.js，具体的配置如下：1.找到  const portfinder = require('portfinder')，在后面添加如下代码：const ...
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、付费专栏及课程。

余额充值