打包到nginx

Posted ihuangqing

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了打包到nginx相关的知识,希望对你有一定的参考价值。

1. 将dist打一个.zip包

2. 切换到跟目录上传文件并解压

3. 移动到指定文件夹中如web-vue

  whereis nginx  ----查询nginx所在文件目录

  pwd  ----当前路径

  vim nginx.config  ----编辑文件

4.修改nginx配置文件  

location /  
     root /web-vue ; #/代表根 
     try_file $uri $uri/ /index.html;   # 找当前的url,否则找当前url的/,否则就找index.html
  

5. SPA项目需要配置rewrite ,或者try_file

6. 重启服务

      nginx -s reload

  nginx -s stop

  start nginx

 

以上是关于打包到nginx的主要内容,如果未能解决你的问题,请参考以下文章

打包到nginx

vue项目打包部署到nginx 服务器上

一步一步,一步 从代码到,打包成为手机App,上传至nginx服务器 (Vue项目)

vite+vue3 项目打包部署

vue 打包部署到服务器上 配置nginx访问

vue配合nginx打包路径层问题