在前后端分离开发模式下,前、后端工程各自分开部署在对应的服务器上。而前端服务器目前最流行的是nginx。
1 打包
点build就行,或者 npm run build;
打包完成后,打包后的文件就会在项目文件中的dist目录下。部署就是将这些打包后的资源部署在服务器上。
2 部署:
2.1Nginx:
重要!!!:STEAM++会占用Nginx的端口,启动Nginx前先关了Steam++!!!!!
- 介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件代理服务器。
- 特点:占有内存少,并发能力强。被广泛使用。
文件结构:
2.2 部署方式:
- 部署:将打包好的dist目录下的文件,复制到nginx安装目录的html目录下。
- 启动:打开 nginx.exe,服务器默认占用 80 端口。
如果启动成功,在浏览器中输入 localhost:80 即可访问。
如果服务没有启动,可在logs中的日志查看错误。一般是端口被占用。
可在cmd中通过: netstat -ano | findStr 80
查看哪个进程占用了80端口。
要更换服务器端口:在conf文件下找到核心配置文件 nginx.conf ,打开后找到36行即可修改端口。
注:端口号的范围通常是从0到65535。但是其中一些端口已经被系统或者常见的服务占用,例如0到1023是系统保留端口,一些常见的端口包括HTTP的80端口和HTTPS的443端口。因此,您在选择端口时应当避免使用这些已被占用的端口,以免与系统或其他服务发生冲突
3 关闭:
直接任务管理器。或通过命令。