自顶向下Web开发-1 前端部分-7 打包部署

在前后端分离开发模式下,前、后端工程各自分开部署在对应的服务器上。而前端服务器目前最流行的是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 关闭:

直接任务管理器。或通过命令。

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇