当前位置: 首页 > Web前端 > vue.js

Vue新版本-build下没有dev-server和dev-client吗?如何创建本地服务器,使用本地数据

时间:2023-04-01 00:40:08 vue.js

1.找到build文件夹2.找到文件,webpack.dev.conf.js文件3.找到constportfinder=require('portfinder')这一句,加入以下代码:constexpress=require('express');constappData=require('localdatafile')constseller=appData.sellerconstgoods=appData.goodsconstratings=appData.ratingsconstapiRoutes=express.Router();app.use('api',apiRoutes)4.在中找到devServerconstdevWebpackConfig,在devServer中添加before:{}方法,在方法中写入如下代码:app.get('/api/seller',(req,res)=>{res.json({errno:0,data:seller})//接口返回json数据赋值给data})app.get('/api/goods',(req,res)=>{res.json({errno:0,data:goods})})app.get('/api/ratings',(req,res)=>{res.json({errno:0,data:ratings})})5、然后npmrundev,一定要重启