vue-router路由模式设置history模式

1、前端配置

(1)设置 mode:history

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

(2)设置 publicPath

修改 vue.config.js 文件中的 publicPath 属性
因为我的项目的访问路径是 https://10.0.0.225:8080/safetyApp/home,所以设置为 /safetyApp/
publicPath: process.env.NODE_ENV === "production" ? "/safetyApp/" : "/",

2、后端配置

这里设置的nginx服务器的配置
server {
        listen       8082;
        server_name  localhost;
        
	client_max_body_size 0;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        
        location / {
            root   /data/server/APP/safetyApp;	//项目根目录
            index  index.html index.htm;
			try_files $uri $uri/ /index.html;	//请求不到资源时指定到 index.html
        }	
    }

你可能感兴趣的:(vue.js,vue.js,前端,javascript)