Linux 部署 vue

1 .yum -y install nginx  安装

systemctl start nginx.service          启动nginx
systemctl status nginx.service       查看nginx状态

2. cd /etc/nginx/

3.ls

4.vim /etc/nginx/    只是看一下，没操作
5.yum -y install lrzxz   下载一个可以上传和下载的工具    rz 上传  sz 下载
6.使用xftp 将前端打包的包，自己创建一个文件夹传入进去


7.安装 nodejs  
此处请查看洋神~部署  

 8.cd  web (前端包所在文件)

9.npm install cnpm -g   安装插件

10.cnpm install

11.npm run build

12.cd web/dist/
11.pwd  查看当前的路径

 12.cd /etc/nginx/

13.cd conf.d
14.vim yangshen.com.conf      (此处yangshen 可以随便起)
15.编辑节点

 

 

server {
listen 8088;
server_name _; # 或者使用你的域名

root /var/www/dist;
index index.html;

# 提供静态资源
location /static/ {
root /var/www/dist;
try_files $uri $uri/ =404;
}

# 默认网站页面
location / {
try_files $uri $uri/ /index.html;
}

# 404 错误页面
error_page 404 /404.html;
location = /404.html {

}

# 50x 错误页面
error_page 500 502 503 504 /50x.html;
location = /50x.html {

}

# 访问日志
access_log /var/log/nginx/access.log;

# 错误日志
error_log /var/log/nginx/error.log;
}

 

16.wq  保存退出
17. nginx -t 检查是否有误

 18.systemctl reload nginx  重新加载nginx
19.curl icanhazip.com    拿到出口的ip,就是外部网站可以访问的
补充！！！
 这个命令用来查看错误日志             tail -f /var/log/nginx/error.log;
 这个命令用来实时监听                     tail -f /var/log/nginx/access.log;
20.访问的页面如果碰到下面这个情况

如果出现这种情况

解决方法

 

 我本人遇到的问题是

 本人的问题是这个，权限的问题

将前端文件部署到非特权目录（如 /var/www），彻底避免权限问题：

# 创建标准 Web 目录
sudo mkdir -p /var/www/dist
sudo chown -R nginx:nginx /var/www/dist

# 复制文件到新目录
sudo cp -r /root/web/dist/* /var/www/dist/

# 修改 Nginx 配置中的 root 路径
sed -i 's|/root/web/dist|/var/www/dist|g' /etc/nginx/conf.d/your-config.conf

# 重启 Nginx
sudo systemctl restart nginx

然后恭喜，前端部署完毕！！！