Nginx部署前端项目
Nginx部署前端项目
1.在nginx官网http://nginx.org/en/download.html ,下载稳定版本:
2.解压后,点击根目录中的nginx.exe即可启动Nginx,或是在nginx安装目录中启动cmd并输入以下命令启动:
nginx.exe
或
start nginx
3.然后在浏览器中输入localhost
或127.0.0.1
就可以进入欢迎页:
4.如果不能进入欢迎页或是报404,建议更改nginx根目录中conf文件夹中的nginx.conf文件,将端口号改一改:
5.进入前端项目所在的目录,执行以下命令,将项目打包成一个dist目录:
npm run build
6.修改nginx根目录下conf文件夹中的nginx.conf
文件:
- 将
#user nobody;
改为#user root;
- 修改server配置中的监听的端口和部署的主机IP:
- 修改发布路径的根目录,将html改为html/dist:
- 在nginx安装目录中cmd通过命令
nginx -s reload
重启nginx,通过局域网内的主机访问localhost:端口号
就可以访问前端项目了: - 将后端项目打包成jar包:然后在jar文件所在目录使用命令
java -jar xxx.jar
启动后端程序,这样前后端就串联到了一起。
- 如果是多个项目的话,可以将前端项目打包成
dist
文件后,将其命名为dist1、dist2
等,然后再配置nginx.conf
文件,将server内的内容复制并修改端口号和根目录:
璀璨人生own: 老师,代码功底很差用katalon有难度吗?
m0_75002757: 发生错误,导致虚拟 CPU 进入关闭状态。如果虚拟机外部发生此错误,则可能已导致物理计算机重新启动。错误配置虚拟机、客户机操作系统中的错误或 VMware Workstation 中的问题都可以导致关闭状态。
白话机器学习: 内容丰富图文并茂,认真看完收获很大。思路清晰细节满满,支持大佬优质好文。
网站软件制作开发: 承接小程序网站app开发
邹老师的小课堂: 点击完成后,需要在虚拟机左侧栏中点击系统名称,然后在DVD这一项引入下载好的iso映像文件