vue-cli加载不到dev-server.js的解决办法
来源:互联网 发布:led图文编辑软件 编辑:程序博客网 时间:2024/06/07 17:54
在使用vue开发过程中,难免需要去本地数据地址进行请求,而原版配置在dev-server.js
中,新版vue-webpack-template
已经删除dev-server.js
,改用webpack.dev.conf.js
代替,所以 配置本地访问在webpack.dev.conf.js
里配置即可。
#webpack.dev.conf.js//首先// nodejs开发框架express,用来简化操作const express = require('express')// 创建node.js的express开发框架的实例const app = express() // 引用的json地址var appData = require('../data.json')// json某一个keyvar goods = appData.resultvar apiRoutes = express.Router()app.use('/api', apiRoutes)
1. get请求配置
在 const portfinder = require('portfinder')
后添加
#webpack.dev.conf.js// 在devServer选项中添加以下内容before(app) { app.get('/api/someApi', (req, res) => { res.json({ // 这里是你的json内容 }) })}
注意: 修改配置文件完毕后,需要重新运行命令npm run dev
即可。
2. post请求配置。
如果要配置post请求,需要在该文件夹配置如下:
#webpack.dev.conf.jsapiRoutes.post('/foods', function (req, res) { //注意这里改为post就可以了 res.json({ error: 0, data: foods });})// 在组件里面#...vuecreated () { this.$http.post('http://localhost:8080/api/foods').then((res) => { console.log(res) })}
阅读全文
0 0
- vue-cli加载不到dev-server.js的解决办法
- vue-cli的webpack模版,相关配置文件dev-server.js与webpack.config.js配置解析
- 使用vue-cli没有'dev-server.js'以及'dev-client.js'文件
- vue请求数据,build文件没有dev-server.js解决办法
- vue.js 配置webpack-dev-server 的错误解决方法
- vue.js的安装--vue-cli脚手架
- vue.js脚手架vue-cli的搭建
- Webpack dev server热加载失败的解决办法
- vue-cli升级到最新版本没有dev-server和dev-client之后
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- vue.js使用vue-cli打包遇到的坑,问题
- vue.js使用(一):vue-cli的安装
- 最新的vue没有dev-server.js文件,如何进行后台数据模拟?
- 新版vue-init 脚手架去除dev-server.js问题
- vue运行npm run dev出错:node build/dev-server.js module.js:487
- vue的脚手架vue-cli
- 连接不到SQL SERVER 2008的解决办法
- A-Star(A星)寻路算法
- Qt--智能指针
- iOS第三方库、插件、大牛博客[Swift版]
- oracle存储过程
- platform_driver->suspend 和platform_driver-pm->suspend的区别分析
- vue-cli加载不到dev-server.js的解决办法
- python: 多pip版本 (pip/pip2/pip3) & 多python环境 (python/python2/python3)
- Stack栈类与、Queue队列与线性表的区别和联系
- 第2章 Posix IPC
- css和js带参数v或version
- 国内机器人自主定位导航方案亮相东京2017国际机器人展
- go anzhan
- 顺序栈使用——表达式求值
- 原型模式