vue设置history模式后页面刷新Cannot Get

开发中,将mode模式改为history后,页面刷新显示Cannot Get
vue设置history模式后页面刷新Cannot Get_第1张图片

const router = new VueRouter({
    mode: "history",
    routes
});

解决办法:
在webpack.config.js中设置devServer项中historyApiFallback


const config = {
	...
	devServer: {
		// history模式下的url会请求到服务器端,但是服务器端并没有这一个资源文件,就会返回404,所以需要配置这一项
		historyApiFallback: {
			index: '/index.html' 
			//与output的publicPath有关(HTMLplugin生成的html默认为index.html)
		}
	}
}

你可能感兴趣的:(前端端端端端端)