6. 修改./config/nginx/nginx.conf文件 user nginx;worker_processes auto;error_log /var/log/nginx/error.log notice;pid /var/run/nginx.pid;events{worker_connections 1024;}http{#开启gzip功能gzip on;#开启gzip静态压缩功能gzip_static on;#gzip缓存大小gzip_buffers416k;#gzip http版本gzip_http_version ...
首先找到自己的vue的项目然后输入命令 npm run build 他会在你的vue目录下生成一个dist文件夹里面就是你的vue的项目 然后打开这个dist文件夹把里面的内容复制下来里面会有两个文件一个是index.html是主目录还有一个是static文件夹 把他们复制下来然后打开你的nginx的目录下的html文件里面会有两个默认文件直接删掉不要...
1、在你的申请服务器上安装nginx。 2、把dist目录下的文件,放在nginx下的html文件夹下。 如何放:不同的服务器(如:腾讯云,阿里云)做法不同,具体可以看腾讯云官网(或者百度); 四、nginx配置:(conf/nginx.conf文件) 1、服务器ip地址(域名)和端口号 http { ……… server { listen 8081; 端口号 se...
一、下载nginx 进入nginx官网直接下载即可:http://nginx.org/en/download.html 选择稳定版,我这里选择windows来演示: 下载完成之后,解压,进入nginx-1.24.0文件夹中,nginx目录如下: 主要文件目录介绍如下: conf:nginx的一些配置文件 html:前端的打包文件主要放在这个地方 logs:日志文件存放目录 nginx.exe:用来启动nginx...
vite项目使用代理服务器部署到nginx如何修改 vite搭建vue3.0项目 pre: ● 环境要求: vite需要node.js版本 >= 12.0.0 ● 检测node版本命令: cmd-> node -v -> enter 开始: 1、创建项目 使用npm方式 npm init vite@latest 项目名 使用yarn方式 yarn create vite 项目名...
二、将打包项目发布到Nginx 1.将打包后文件的路径由绝对路径修改为相对路径，需要修改vite.config.js文件，添加base设置，值为”./”同时修改根目录下的index.html文件，将link和script标签中的路径前面加上.2.使用打包命令 npm run build 3.确保CentOS服务器上已经安装Nginx whereis nginx 查看nginx的位置 syste...
这种情况一般是nginx用的root指向部署文件路径导致多出一层目录,访问不到文件而报错,我一般用alias,它指向的就是对应的实际目录不会增加访问的路由。 用法: #aliaslocation /i/{alias/usr/local/nginx/html/admin/; }#若按照上述配置的话,则访问/i/目录里面的文件时,ningx会自动去/usr/local/nginx/html/admin...
解决方法是采用gzip压缩技术。在vite.config.ts中添加相应的插件，进行代码构建。经过这一步骤，你会发现dist文件的大小得到了显著压缩，加载速度明显提升。接着，转向Nginx部署。首先，你需要创建一个font_dockerfile.yml文件，将Nginx配置文件从容器的/etc/nginx复制到本地的./config/nginx目录。接着编写...
4、配置nginx配置文件 （1）将代码上传到服务器 （2）创建目录，并设置目录名称为项目名称或者当前版本...
vite + vue3 打包部署到 nginx 刷新页面 404 在本地运行没问题,部署到服务器上,能正常访问,但是刷新之后页面 404 原Nginx 配置 代码语言:javascript 复制 server{listen80;root/app/tansci/dist;index index.html;location~*^/(tansci){proxy_pass http://127.0.0.1:8080;proxy_connect_timeout 30s;proxy_se...