栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

Ubuntu安装Nginx部署vue项目

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Ubuntu安装Nginx部署vue项目

官网下载Nginx压缩包

Nginx下载

上传到Linux或直接在Linux上下载压缩包。

# 解压
tar -zxvf ...

ubuntu下安装nginx时依赖库zlib,pcre,openssl安装方法
#依赖包openssl安装
sudo apt-get install openssl libssl-dev 

# 依赖包pcre安装
sudo apt-get install libpcre3 libpcre3-dev 

# 依赖包zlib安装
sudo apt-get install zlib1g-dev


参考

通过命令行ssh -V查看安装的依赖版本信息,判断是否安装成功:

Nginx初始化

进入解压目录执行命令:

./configure

# 如果需要安装到指定目录,命令如下
./configure -prefix=/opt

执行make命令进行软件编译

make



执行make install命令完成安装

make install
启动Nginx

执行完上面命令后多了一个objs目录

先进入conf目录更改nginx配置信息,修稿host为ip和port为8080。

进入objs目录执行./nginx命令启动nginx:

使用./nginx -v查看nginx版本号。
使用./nginx -t查看nginx运行的配置文件是否正确
使用ss -ltn查看端口情况:

8080已占用,使用ip和8080端口访问网页。

使用ps-ef | grep nginx查看nginx进程。

使用systemctl status firewalld查看防火墙状态。
使用systemctl disable firewalld永久关闭防火墙。

除了在objs启动nginx外,进入安装目录: cd /usr/local/nginx/sbin也可以启动:

  • 启动:./nginx

  • 关闭:./nginx -s stop

  • 重启:./nginx -s reload 重启

参考

项目部署

将项目放到html文件夹通过项目名访问就可以了。

注意配置静态资源的放行

如果放行后还找不到资源看打包后的dist中的index.html是路径是否正确,/css/xxx.js是不正确的,.不可省略./css/xxx.css。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/841226.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号