vue 部署到nginx 刷新404

vue3 vite nginx部署(多级路径)

若依vue前端

参考:vue3 vite nginx部署(多级路径) - 掘金

1、修改router/index.js

#  /xxx/  是站点名称,http://localhost/xxx/
history: createWebHistory('/xxx/'),

2、修改base URL,一般在vite.config.js

base: '/xxx/'

3、修nginx配置

location ^~/xxx {
			alias   /usr/dist;
			#    root    D:/www/;
			index  index.html index.htm;
			try_files $uri $uri/ /xxx/index.html;
		}

你可能感兴趣的:(vue.js,nginx,前端)