vite部署域名子目录项目

vite项目直接打包放到域名子目录中会显示白页,这样配置一键解决

//vite.config.js的配置
import {
	defineConfig
} from 'vite'
import vue from '@vitejs/plugin-vue'
const {
	resolve
} = require('path')
export default defineConfig({
	plugins: [
		vue()
	],
	base: '/flop',//域名下的范围目录如:http://*******/flop
	resolve: {
		alias: [{
			find: "@",
			replacement: resolve(__dirname, "src")
		}]
	},
	server: {
		host: "0.0.0.0",
	}
})


//router配置
const router = new createRouter({
	mode: 'history',
	history: createWebHashHistory('/flop'),//注意必须使用createWebHashHistory不然刷新会空白页
	routes: routes
})

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