浅谈vue-cli加载不到dev-server.js的解决办法
2017-11-24 11:40
786 查看
在使用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某一个key var goods = appData.result var 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.js apiRoutes.post('/foods', function (req, res) { //注意这里改为post就可以了 res.json({ error: 0, data: foods }); }) // 在组件里面 #...vue created () { this.$http.post('http://localhost:8080/api/foods').then((res) => { console.log(res) }) }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue-cli加载不到dev-server.js的解决办法
- 使用node中的express解决vue-cli加载不到dev-server.js的问题
- vue请求数据,build文件没有dev-server.js解决办法
- 关于vue-cli取消dev-server.js后, proxyTable代理配置问题解决
- Vue.js devtool插件安装后无法使用的解决办法
- 详解vue-cli脚手架build目录中的dev-server.js配置文件
- vue-cli的webpack模版项目配置解析-build/dev-server.js
- 为什么vue-cli创建的build文件下没有dev-server.js文件
- Vue.js devtool插件安装后无法使用的解决办法
- 使用vue-cli没有'dev-server.js'以及'dev-client.js'文件
- vue-cli没有dev-server.js文件该怎么办
- Vue.js devtool插件安装后无法使用的解决办法【最简单有效的解决方法】
- vue-cli的webpack模版,相关配置文件dev-server.js与webpack.config.js配置解析
- vue-cli的webpack模版,相关配置文件dev-server.js与webpack.config.js配置解析
- vue-cli脚手架build目录中的webpack.dev.conf.js配置文件
- 关于vue DevTools不能使用的解决办法
- v-cloak 解决引用vue.js的页面加载时闪现{{}}
- Django 无法加载静态文件(js,css,image)解决办法
- vue 动态加载图片src的解决办法
- 使用vue-cli搭建项目的使用,需要引入font-icon文件,报错的解决办法