Vue项目打包后在本地运行的两种方法
express本地服务器
一:全局安装express-generator
npm i express-generator -g
二:创建一个express项目
express expressName
创建完后,项目根目录会多一个expressName
文件夹
三:进入expressName文件夹并下载相应的依赖
进入文件夹:
cd expressName
下载依赖:
npm intsall
四:运行并打开浏览器查看效果
运行:
npm start
打开浏览器查看效果:地址栏输入localhost:3000
nginx本地服务器
一:下载安装nginx
目前我装的是1.8.1版本的:
二:修改conf文件夹下的nginx.conf文件
注:我这里的D:\localDists\dist
是我Vue项目打包后的dist文件
三:双击nginx.exe,并打开浏览器对应的地址查看效果
双击时会出现一闪而过的黑窗口:
我之前在nginx.conf
文件中,修改端口为8088,所以相应的地址就是:http://localhost:8088/
浏览器输入http://localhost:8088/
: