前后端分离,前端项目如何部署?vue+webpack+nginx
简简单单的分为几步,就可以完成了:1、webpack编译项目:npm run build,获得项目中-文件夹dist-文件夹中有编译后的样式文件和index.html2、下载安装nginx2.1、nginx官网下载http://nginx.org/en/download.html2.2、解压压缩文件2.3、启动nginx,两种方法:2.3.1、直接双击nginx...
·
简简单单的分为几步,就可以完成了:
1、webpack编译项目:npm run build,获得项目中-文件夹dist-文件夹中有编译后的样式文件和index.html
2、下载安装nginx
2.1、nginx官网下载
http://nginx.org/en/download.html
2.2、解压压缩文件
2.3、启动nginx,两种方法:
2.3.1、直接双击nginx.exe,窗口只会一闪而过
2.3.2、打开cmd命令窗口,切换到nginx解压目录下,输入命令 nginx.exe 或者 start nginx ,回车即可
2.4、浏览器输入http://localhost:80,查看是否启动成功
2.4.1 解压目录下 conf / nginx.conf,可以修改端口:
3、将webpack打包好的静态文件替换到nginx目录下的html文件夹中
4、重启nginx服务器,输入修改过端口后的地址,如:localhost:7878
4.1、重启命令
nginx -s reload
4.2、关闭nginx
nginx -s stop(快速停止nginx) 或 nginx -s quit(完整有序的停止nginx)
更多推荐
已为社区贡献4条内容
所有评论(0)