欢迎光临
我们一直在努力

Vue history路由模式 伪静态

1. 首先在vue项下的router.js 文件配置 mode为history模式,并且设置好对应的base选项

apache .htaccess
[code]
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html [L] // 注意:这个目录是你设置存放vue上线文件的目录/index.html
[/code]
还有就是 开启apache支持分布式配置(也就是支持.htaccess文件配置)
需要设置 AllowOverride All
需要支持路径重写必须加载重写模块 LoadModule rewrite_module modules/mod_rewrite.so

nginx
[code]
location / {
if (!-e $request_filename) {
rewrite ^/(.*) /index.html last; break;
}
}
[/code]

赞(1) 打赏
未经允许不得转载:程序开发爱好者 » Vue history路由模式 伪静态
分享到: 更多 (0)

网站设计及开发、微应用及微网站开发、微信公众平台开发、 HTML5手机网站开发、网络整合营销、APP开发、软件开发及企业电商服务

联系我们