视频参考(仿饿了么项目——nodejs调试和webpack配置介绍):链接:https://pan.baidu.com/s/1bqlzsfkrs8fpyzejqx55kw 密码:2owe
vue的打包命令是npm run build,打包完直接打开页面是不行的,只能看到加载的静态资源,需要启动一个http服务,然后访问到打包后dist目录下的文件才能看到完整的项目,方法如下:
第一,在根目录下config/index.js中增加端口port
port: 9000,
1
第二,根目录下建一个启动http服务的文件product.ver.js
var e抑郁症有哪些症状xpress = require('express');//获取expressvar config = require('./config/index');//获取根目录config下的index.jsvar port = process.env.port || config.build.port;//打开的端口号等于当前环境或上面index.js里增加的那个portvar app = express();var router = express.router();//express路由router.get('/', function (req, res, next) {//返回index.html req.url = '/index.html'; next();});app.u(router);//使用路由var appdata = require('./data.json');//访问json,下面三条都是data.json的数据var ller = appdata.ller;var goods = appdata.goods;var ratings = appdata.ratings;var apiroutes = express.router();apirout择天记更新时间es.get('/ller', function (req, res) {//配置接口获取json里的数据 res.json({ errno: 0, data: ller });});apiroutes.get('/goods', function (req, res) { 套牌车处罚res.json({ errno: 0, data: goods });});apiroutes.get('/ratings', function (req, res) { res.json({ errno: 0, data: ratings });});app.u('/api', apiroutes);//使用配置的请求数据接口app.u(express.static('./dist'));//使用静态文件夹下的文件m有创意的网名odule.exports = app.listen(port, function (err) {//监听port端口 if (err) { console.log(err); return; } console.log('listening at https://loca速度单位有哪些lhost:' + port + '\n')});
第三,cmd进入根目录文件夹,使用node启动http服务
第四,通过 localhost: 9000 或者 端口号:9000 访问就可以看到项目了
本文发布于:2023-04-03 10:38:55,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/c855b388c535aa72100c16d65bff7655.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:【Vue】Vue之通过http服务打开build后的项目解析.doc
本文 PDF 下载地址:【Vue】Vue之通过http服务打开build后的项目解析.pdf
留言与评论(共有 0 条评论) |