Vue3打包部署Nginx 1、在vue.config.js中配置如下 1const{defineConfig} = require('@vue/cli-service')2module.exports =defineConfig({3transpileDependencies:true,4lintOnSave:false,//关闭语法检查56//基本路径(下面是重点)7publicPath:'/',8//输出文件目录9outputDir:'dist',10configureWebpack: {11external...
# 证书直接存放 /docker/nginx/cert/ 目录下即可 更改证书名称即可 无需更改证书路径 #ssl on; #ssl_certificate /etc/nginx/cert/xxx.local.crt; # /etc/nginx/cert/ 为docker映射路径 不允许更改 #ssl_certificate_key /etc/nginx/cert/xxx.local.key; # /etc/nginx/cert/ 为docker映射路径 不允许更改 ...
测试nginx是否正常运行 浏览器输入server_name配置的地址加80 ,显示welcome,已经配置成功 vue项目打包部署 npm run build 1. 项目打包完成后,将dist文件夹部署服务器, 修改nginx 配置文件中的 location location / { root E:/workSpace/**/dist; #写入你部署文件夹路径 index index.html index.htm; #默认打开ind...
1.将打包后文件的路径由绝对路径修改为相对路径，需要修改vite.config.js文件，添加base设置，值为”./”同时修改根目录下的index.html文件，将link和script标签中的路径前面加上.2.使用打包命令 npm run build 3.确保CentOS服务器上已经安装Nginx whereis nginx 查看nginx的位置 systemctl status nginx 查看nginx...
新项目是VUE3+VITE4做前端,后端是FastAPI,开发环境中前端访问后端正常,没有任何问题,打包部署到服务器上前端始终无法访问后端服务器,在网上查了很多资料,解决方法其实是有问题。现记录如下,备查。 一、前端配置的问题 前端vite.config.ts里的代理配置只适用开发环境,和正式环境无关!!
5.批量打包 6.部署到Nginxi中 6.1 部署主应用 6.2 部署子项目1 1.创建3个vue项目 项目1:vue-demo-main 子项目1:vue-sub-demo-one 子项目2:vue-sub-demo-two pnpm create vite vue-demo-main --template vue pnpm create vite vue-sub-demo-one --template vue ...
user nginx; worker_processes auto; error_log /var/log/nginx/error.log notice; pid /var/run/nginx.pid; events { worker_connections 1024; } http { include /etc/nginx/mime.types; default_type application/octet-stream; log_format main'$remote_addr - $remote_user [$time_local] "$request"...
在部署 Vue 项目至 Nginx 服务器时，需面对同一端口下同时运行多个不同项目的需求。以下步骤详细说明如何实现这一目标。假设服务器 IP 地址为 192.168.100.100，端口为 8000。多个项目的访问地址将采用以下形式：项目1：192.168.100.100:8000/project1 项目2：192.168.100.100:8000/project2 以此类...
nginx开启gzip 配置nginx.conf 代码语言:javascript 复制 http{gzip on;#开启或关闭gzip on off gzip_disable"msie6";#不使用gzipIE6gzip_static on;#是否开启gzip静态资源 gzip_min_length 100k;#gzip压缩最小文件大小,超出进行压缩(自行调节) gzip_buffers416k;#buffer 不用修改 ...