linux nginx vue,vue.js部署到nginx
Nginx是一款轻量级的网服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器，在类加州大学伯克利分校软件(Berkeley Software Distribution)协议下发行，下面这篇文章主要给大家介绍了关于人的本质中利用服务器部署某视频剪辑软件项目的相关资料，需要的朋友可以参考下
目录
1.安装nginx2 .打包上传某视频剪辑软件项目到服务器配置服务器访问某视频剪辑软件项目常见错误总结
1.安装nginx
更新源列表
容易得到更新
安装服务器
容易得到安装服务器
检查服务器是否安装，输入如下命令后若出现版本号则安装成功
nginx -v
启动服务器
服务器服务器重启
在浏览器输入互联网协议(互联网协议的缩写)地址，若出现如下页面则启动成功
2. 打包上传vue项目到服务器
打包
我的项目使用的是相对代码，在终端输入如下命令进行打包
新公共管理运行构建
上传
打包完成后会有距离文件，该文件为打包完成后的项目，该文件中有index.html和静电两个内容。
将该距离文件上传到服务器的某个位置即可
我上传到/home/ubuntu文件中
配置nginx
修改nginx.conf
安装服务器后，nginx的默认目录是/etc/nginx
在该目录中有nginx.conf文件，输入如下命令，使用视觉识别系统打开该文件
vi nginx.conf
我的nginx.conf文件原内容如下
用户www-data；
工作进程自动；
PID/run/nginx。PID
包括/etc/nginx/modules-enabled/* .主配置文件
事件{
工人_连接768
#多重接受开启
}
http {
##
#基本设置
##
在上发送文件；
tcp _打开
tcp_nodelay打开；
keepalive _ timeout 65
types _ hash _ max _ size 2048
#服务器令牌关闭
#服务器名称哈希桶大小64;
#服务器名称重定向关闭；
包含/etc/nginx/mime。类型；
默认类型应用程序/八位字节流；
##
# SSL设置
##
SSL _ protocols TLS v1 TLS v 1.1 TLS v 1.2 TLS v 1.3；#丢弃SSLv3，参考：狮子狗
ssl _ prefer _ server _ ciphers on
##
#日志记录设置
##
access _ log/var/log/nginx/access。日志；
error _ log/var/log/nginx/error。日志；
##
# Gzip设置
##
压缩打开；
# gzip _ vary打开
# gzip _ proxied any
# gzip _ comp _ level 6；
# gzip _ buffers 16 8k
# gzip _ http _版本1.1
# gzip_types文本/纯文本/css应用程序/json应用程序/javascript文本/xml应用程序/xml应用程序/xml rss文本/JavaScript；
##
虚拟主机配置数量
##
包括/etc/nginx/conf.d/* .主配置文件
包括/etc/nginx/sites-enabled/*；
}
#邮件{
##请访问以下网址查看身份验证脚本示例：
# # http://wiki.nginx.org/ImapAuthenticateWithApachePhpScript
#
# # auth _ http localhost/auth。PHP
# # pop3 _功能顶级 用户；
# # IMAP _ capabilities IMAP 4 rev 1 uid plus ；
#
#服务器{
# listen localhost:110；
#协议pop3
#代理开启；
#}
#
#服务器{
# listen localhost:143；
#协议交互邮件访问协议
#代理开启；
#}
#}
在超文本传送协议(超文本传输协议的缩写)模块中加入如下内容，表示配置文件要引用主机文件夹下的宿主后缀的文件。该宿主后缀文件就是用来配置某视频剪辑软件项目的，一个宿主文件配置一个某视频剪辑软件项目
包括/etc/nginx/hosts/* .主持人；
修改后文件如下
用户www-data；
工作进程自动；
PID/run/nginx。PID
包括/etc/nginx/modules-enabled/* .主配置文件
事件{
工人_连接768
#多重接受开启
}
http {
##
#基本设置
##
在上发送文件；
tcp _打开
tcp_nodelay打开；
keepalive _ timeout 65
types _ hash _ max _ size 2048
#服务器令牌关闭
#服务器名称哈希桶大小64;
#服务器名称重定向关闭；
包含/etc/nginx/mime。类型；
默认类型应用程序/八位字节流；
##
# SSL设置
##
SSL _ protocols TLS v1 TLS v 1.1 TLS v 1.2 TLS v 1.3；#丢弃SSLv3，参考：狮子狗
ssl _ prefer _ server _ ciphers on
##
#日志记录设置
##
access _ log/var/log/nginx/access。日志；
error _ log/var/log/nginx/error。日志；
##
# Gzip设置
##
压缩打开；
# gzip _ vary打开
# gzip _ proxied any
# gzip _ comp _ level 6；
# gzip _ buffers 16 8k
# gzip _ http _版本1.1
# gzip_types文本/纯文本/css应用程序/json应用程序/javascript文本/xml应用程序/xml应用程序/xml rss文本/JavaScript；
##
虚拟主机配置数量
##
包括/etc/nginx/conf.d/* .主配置文件
包括/etc/nginx/sites-enabled/*；
包括/etc/nginx/hosts/*。主持人；#新增加的一条线
}
#邮件{
##请访问以下网址查看身份验证脚本示例：
# # http://wiki.nginx.org/ImapAuthenticateWithApachePhpScript
#
# # auth _ http localhost/auth . PHP；
## pop3_capabilities 顶级 用户；
# # IMAP _ capabilities IMAP 4 rev 1 uid plus ；
#
#服务器{
# listen localhost:110；
#协议pop3
#代理开启；
#}
#
#服务器{
# listen localhost:143；
#协议imap
#代理开启；
#}
#}
创建一个*。宿主文件
在/etc/nginx中创建hosts文件夹
mkdir主机
在主机文件中创建syt.host文件，随便命名。
将以下内容添加到文件中
服务器{
听8080；#自己设置端口号
服务器名称系统；#设置您自己的项目名称
# access _ log logs/host . access . log main；
位置/{
root/home/Ubuntu/dist；#在这里写vue项目的地址。
索引index.html；#这里是vue项目的主页，需要保证dist里有index.html的文件。
}
error _ page 500 502 503 504/50x . html；#错误页面
}
重启nginx
nginx -s重新加载
访问vue项目
Ip:port/index.html可以访问。
常见错误
浏览器访问时显示403
这个问题有很多原因。我当时遇到的原因是项目所在的文件没有权限访问。我的项目文件是/home/ub btu/dist。
使用以下命令确保访问(比较暴力qaq)
chmod -R 777主页
chmod -R 777 ubuntu
chmod -R 777区
总结
关于在ubuntu中用nginx部署vue项目的这篇文章到此为止。关于在ubuntu中使用nginx部署vue项目的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。