Open JesseZhao1990 opened 6 years ago
vue中默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。也可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。但是这种需要后端的支持。下面以前端vue,后端Nginx的例子来演示一下如何配置
export default new Router({
mode: 'history',
routes: []
})
location / {
try_files $uri $uri/ /index.html;
}
try_files 见名知意,try(尝试)files(文件),尝试去加载文件,当一个请求($uri)过来的时候,首先匹配本身($uri),找不到的话再去匹配($uri/), 都找不到匹配方案,那就会去找项目根目录下的 index.html(/index.html)
通过yum安装
本文只介绍通过yum安装,其他安装方式的安装目录可能会不同
1. 基础环境的安装
2.安装Nginx
[nginx] name=nginx repo baseurl=http://nginx.org/packages/centos/6/$basearch/ gpgcheck=0 enabled=1
yum install nginx -y
config: /etc/nginx/nginx.conf 安装目录
config: /etc/sysconfig/nginx
pidfile: /var/run/nginx.pid
log: /var/log/nginx 日志文件
service nginx start 启动命令
service nginx stop 停止命令
service nginx restart 重启命令
service nginx reload 重新加载nginx.conf配置文件 (修改完配置文件之后,需要重新加载)
pkill -9 nginx 强制停止Nginx nginx 启动nginx
user root;
chmod -R 777 /root/xiangmu/ chmod -R 777 /root/xiangmu/dist/
/usr/sbin/sestatus
vi /etc/selinux/config
SELINUX=enforcing
SELINUX=disabled
reboot