vue打包后刷新404配置

//vue.config.js进行配置
const {
	defineConfig
} = require('@vue/cli-service')
// 预渲染
const PrerenderSPAPlugin = require('prerender-spa-plugin-next');//配置刷新404
module.exports = defineConfig({
	transpileDependencies: true,
	pages: {
		index: {
			entry: 'src/main.js', // 入口文件
			title: '商讯通'
		}
	},
	publicPath: "/",
	devServer: {
		port: 8080,
		open: false,
		proxy: {
			'/api': {
				target: process.env.VUE_APP_BASE_API,
				changeOrigin: true,
				pathRewrite: {
					'^/api': ''
				}
			}
		}
	},
	configureWebpack: {
		plugins: [
			new PrerenderSPAPlugin({//需要引用并new一个PrerenderSPAPlugin
				// 需要预渲染的页面，跟router路由一致
                //重点所需要渲染的页面都要放在这里面    
				routes: ['/', '/detail', '/search'],
			})
		]
	}
})

1.前端自己配置

//运行安装命令 安装prerender-spa-plugin-next
npm config set puppeteer_download_host=https://npm.taobao.org/mirrors
npm i puppeteer
npm i prerender-spa-plugin --save -dev

2.后端配置