Vue打包部署history模式使用nginx代理指南

生产模式下,需要服务端支持,否则可能在强制刷新页面后访问出错。

无基础路径

1、路由模式修改为 history

- -
- - - -- - - ---
	-- -
--

- -
- ------ - ---
	-- ---
--

2、vue.config.js 中打包路径指定

-------- - -
	-- -
-

3、nginx 配置

------ -
	-------- - -
		---- -----------------------
		----- ---------- ----------
		--------- - - - ------------
	-
-

有基础路径

1、路由模式修改为 history

- -
- - - -- - - ---
	-- --
	-- -
--

- -
- ------ - ---
	-- --
	-- ---
--

2、vue.config.js 中打包路径指定

-------- - -
	-- -
-

3、nginx 配置

------ -
	-------- ------ -
		---- --------------------
		----- ---------- ----------
		--------- - -- -----------------
	-
-