vue3打包配置 vite、router、nginx配置

news/2024/11/10 0:43:57/

目录

  • vite配置
  • router路由配置
  • nginx配置
      • 配置一、多服务代理每个项目
      • 配置二、同一服务多项目

vue3项目打包需要注意的几个要点
有时候遇到新项目会忘记配置某些细节,导致经常花费一些时间去找问题
写个文章集中记录一下方便后续查找

vite配置

vite.config.js 文件
base路径默认为根路径 / ,需修改为对应的部署目录路径 /folder/

return {base: '/folder/', // 需要前后/符号,否则路由配置不适用// base: env.VITE_BASE_PATH, // 保证.env.prod文件内 VITE_BASE_PATH = 'folder/'...
}

router路由配置

/router/index.js 文件
默认 createWebHistory() 不带参数,需传参为对应的部署目录路径 "/folder/"

const router = createRouter({history: createWebHistory("/folder/"),// history: createWebHistory(import.meta.env.VITE_BASE_PATH), // 保证.env.prod文件内 VITE_BASE_PATH = 'folder/'// 或设置基础路径,选择其一即可// base: 'folder/', // 斜杠/结尾// base: import.meta.env.VITE_BASE_PATH,...
})

nginx_28">nginx配置

写给小白:服务器配置,非前端配置

nginx.conf 文件
此处给两种配置方式

配置一、多服务代理每个项目

【推荐】

nginx">server {listen 80;server_name xxingqiu.com;charset utf-8;location / {root html;index index.html index.htm;}location /admin {proxy_pass http://127.0.0.1:24520; # 代理服务}
}server {listen 40000;server_name admin;charset utf-8;root /usr/local/nginx/html/admin;location /admin {alias /usr/local/nginx/html/admin;try_files $uri $uri/ /index.html;}
}

配置二、同一服务多项目

【不推荐,易发生未知问题】
但我用的是这个,无他,唯手懒尔

nginx">server {listen 80;server_name xxingqiu.com;charset utf-8;root html; # 保证根路径location / {root html;index index.html index.htm;}# 根域名默认访问项目1,配置为子文件夹/project_1# location / {# 	root html/project_1;# 	index index.html index.htm;# 	try_files $uri $uri/ /index.html;# }# 项目2location /project_2 {index index.html index.htm;try_files $uri $uri/ /project_2/index.html;}# location @router {#     rewrite ^.*$ /index.html last;# }
}

http://www.ppmy.cn/news/1527539.html

相关文章

如何判断IP地址是否异常?

在我们日常的网络生活中,或许每个人都会遇到异常IP的情况,而出现这种情况的也存在多方因素。 IP地址冲突 当两个或两个以上设备同时使用相同IP地址时,会产生IP地址冲突,进而导致网络连接问题。在公共网络中,如使用公…

第六部分:1---进程间通信,匿名管道

目录 进程间通信 进程间通信的目的: 进程间通信的本质: 管道: 管道的定义: 匿名管道 单向通信的管道通路: 进程和文件之间的解耦: 单向管道的读写端回收问题: 管道通信主要实现动态数…

【sgCreateCallAPIFunction】自定义小工具:敏捷开发→调用接口方法代码生成工具

<template><div :class"$options.name" class"sgDevTool"><sgHead /><div class"sg-container"><div class"sg-start"><div style"margin-bottom: 10px">调用接口方法定义列表</div…

SIP Servlets学习

1. SIP Servlets 基础 SIP Servlets 是一种扩展 Java Servlets 的 API&#xff0c;专门用于处理 SIP&#xff08;Session Initiation Protocol&#xff09;消息&#xff0c;用于实现语音和视频通信应用。SIP Servlets 在支持 SIP 的 Java Servlet 容器中运行&#xff08;如 JB…

Mysql查看锁阻塞信息

一 查看元数据锁 1.1 前提条件 1、需要确保下面这个sql查询出来的ENABLED值为YES select ENABLED from performance_schema.setup_instruments WHERE NAME wait/lock/metadata/sql/mdl; 如果为NO&#xff0c;则需要先将其开启&#xff1a; UPDATE performance_schema.setup…

C++中的const \static \this

目录 前言 一、const关键字 1、const修饰类的成员变量 2、const修饰类的成员函数 3、const修饰类的对象 二、static关键字 1、static修饰类中的成员变量 1. 共享性 2. 初始化 3. 访问权限 4. 内存分配 5. 不依赖于对象 2、static修饰类中的成员函数 三、this关键字…

数据结构--链表

文章目录 链表1.链表的特点2.链表的基础操作2.1增2.2删 3.自定义链表3.1 自定义单向链表3.2 自定义双向链表 链表 链表是一种常见的数据结构&#xff0c;由一系列节点构成&#xff0c;每个节点包含当前节点的数据和一个指针(单向链表)或者两个指针(双向链表)&#xff0c;链表是…

mysql怎样优化count(*) from 表名 where …… or ……这种慢sql

一 问题描述 线上发现一条类似这样的慢sql&#xff08;查询时长8s&#xff09;&#xff1a; select id,name,(select count(*) from t14 where t14.idt15.id or t14.id2t15.id) as cnt from t15 ; t14的id和id2字段上都有索引&#xff0c;但是因为条件里有or&#xff0c;导致…