Vue 3 + Vite + Nginx 使用 hash 模式二级目录部署

2024.06.23 07:41

源码分享

最近因为服务器 SSL 证书问题,有些项目需要部署到二级目录中访问,减少对 SSL 证书的使用。遇到了一些小坑,记录一下,方便后面查看。


1,修改 vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue()
	],
	base: './',  //设置资源相对路径
	minify: true
})


2,修改 router 访问路径

const router = createRouter({
	history: createWebHistory('/api/'),  // 设置二级目录作为基础路径
	routes
})


3,配置 Nginx

server{
	listen    80;
	server_name    www.iwecore.cn iwecore.cn;
	
	location /api
	{
		root /etc/pros/;
		index index.html index.htm;
		try_files $uri $uri/ /api/index.html @rewrites;
	}
}


若有收获,就给个鼓励吧

我要:
蜀ICP备2024070963号Iwecore © 2020-2024. All Rights Reserved.