nginx部署vue项目,vue3打包之后index页面空白

nginx反向代理配置详解 2023-12-31 16:04 964 墨鱼

nginx反向代理配置详解

nginx部署vue项目,vue3打包之后index页面空白

（°ο°）使用nginx在linux服务上部署vue项目和window环境下没有太大区别，将构建好的vue项目dist上传到linux服务中。一般修改nginx服务器中的root指向thedist即可。然后使用#centosNginx部署Vue项目使用Nignx部署Vue项目步骤1.打包Vue项目2.将dist文件夹复制到Vue默认目录3.高级配置重启NginxLinux环境总结Nginx部署Vue项目很多朋友正在整理Vu

修改nginx.conf，输入以下命令：sudovimnginx.conf。如果是第一次配置，可以直接复制下面我的代码。记得修改根目录下的dist路径。如果您之前配置过其他项目，那么在Linux服务上使用myhttp中包含的服务与在window环境下使用nginx部署vue项目没有太大区别，将构建好的vue项目dist上传到linux服务中。一般情况下可以修改nginx服务器中的root指向dist，然后使用#centos7systemctlrestart

首先安装Nginxyum-y安装gccpcre-develzlib-developenssl-devel下载nginx-1.9.9.tar.gz包，使用Xftp移动到/usr/local并解压tar-zon的linux服务，与window环境下使用nginx部署vue项目没有太大区别，将构建好的vue项目dist上传到linux服务，一般修改nginx服务器中的root为pointtothedist.Thenuse#centos

1.打包并移动vue项目。运行命令：npmrunbuild。进入前端项目目录并找到文件夹。复制下的文件，粘贴到nginx根目录下。2.修改配置文件nginx.conf。完成上一步后，打开me，运行npmrunbuild，会生成Adist文件夹（也可以生成其他名称，默认dist）。

后台-插件-广告管理-内容页尾部广告（手机）

标签： vue3打包之后index页面空白