将vue.js部署到本地的方法：首先找到【conf.js】文件，并添加相关文件；然后在【index.html】同级目录中添加 【db.json】文件；最后运行【npm run dev】。
将vue.js部署到本地的方法：
1、找到 bulid/webpack.dev.conf.js 文件，在该文件最后添加以下语句：
var port = process.env.PORT || config.dev.port
const express = require('express')
var apiServer = express()
var bodyParser = require('body-parser')
apiServer.use(bodyParser.urlencoded({ extended: true }))
apiServer.use(bodyParser.json())
var apiRouter = express.Router()
var fs = require('fs')
apiRouter.route('/:apiName')
.all(function (req, res) {
fs.readFile('./db.json', 'utf8', function (err, data) {
if (err) throw err
var<strong style="color:transparent">来源gaodai#ma#com搞@代~码网</strong> data = JSON.parse(data)
if (data[req.params.apiName]) {
res.json(data[req.params.apiName])
}
else {
res.send('no such api name')
}
})
})
apiServer.use('/api', apiRouter);
apiServer.listen(port+1, function (err) {
if (err) {
console.log(err)
return
}
console.log('Listening at http://localhost:'+(port+1)+'\n');
})
2、在index.html同级目录中添加 db.json 文件
db.json数据如下：
{
"login": {
"username": "yudongdong",
"userId": 123123
},
"getPrice": {
"amount": 678
},
"createOrder": {
"orderId": "6djk979"
}
}
3、在 config/index.js 文件中两处可修改位置如下：
4、运行 npm run dev
-
访问localhost:3000，可显示项目页面
-
访问localhost:3000/api/login，可以访问模拟数据
-
也可以访问localhost:3001/api/login，可以访问模拟数据
5、npm install vue-resource –save ，即可访问模拟服务器中的数据接口
以上就是如何将vue.js部署到本地的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：如何将vue.js部署到本地
转载请注明原文链接：如何将vue.js部署到本地
