中国建设银行青海分行网站,wordpress 插件全部消失,毕业设计2网站建设,晋江论坛网使用node.jsexpress或者使用node.jspm2搭建服务器#xff0c;将vue或react打包后生成的dist目录在本地运行
vue项目打包后生成的dist目录如果直接在本地打开index.html,在浏览器中会报错#xff0c;无法运行起来。 通常我是放到后端搭建的服务上面去运行#xff0c;当时前端…使用node.jsexpress或者使用node.jspm2搭建服务器将vue或react打包后生成的dist目录在本地运行
vue项目打包后生成的dist目录如果直接在本地打开index.html,在浏览器中会报错无法运行起来。 通常我是放到后端搭建的服务上面去运行当时前端自己也可以是nodenuxt搭建服务器写接口等等 如果想在本地运行我们可以借助node.jsexpress搭建一个服务器将打包后的文件部署在服务器上就可以运行起来了。
安装
npm install express -g
npm install express-generator -g
npm install pm2 -g或者一起安装
npm i express express-generator pm2 -g创建
安装好之后创建项目 express 自定义名称
安装依赖 cd serve 进入项目npm install 下载依赖npm start 启动项目看到下面的图证明服务已经开启端口号的什么的自己看代码去更改默认是3000在/bin/www文件中 在浏览器打开 http://localhost:3000/# 看到到下面的图证明成功了
使用pm2
上面运行服务也可以不是长时间不用会自动关闭如果想部署到云服务器上面推荐使用pm2 上面我已经让你安装过了 运行命令为
pm2 start ./bin/www
//或者
pm2 start app.jspm2官网这里不多赘述 常用pm2命令 pm2 start pm2 list pm2 kill pm2 stop app_name|app_id|all pm2 delete app_name|app_id|all pm2 restart/reload app_name|app_id|all
放包
将前端打包的好的dist文件夹里面的所有内容复制到刚才创建项目的public文件夹里面 你在去浏览器上面刷新页面会看到你打包的页面已经显示出来了
下面告诉你如何用node写接口的下面这个图应该会很清晰 例子
user下查看所有用户的接口最简单的接口 前端调接口拿到数据库中的数据
