很多时候,我们希望前端的程序时放在二级目录下的,比如 http://www.xxx.com/app/ (app就是二级)
前端vue需要注意的是,静态资源文件的路径和路由的路径,两个默认都是针对/目录配置的,需要修改。
具体修改方法如下所示:
1.nginx配置文件:
location /app {
alias /usr/local/etc/nginx/html/ruoyi;
try_files $uri $uri/ /app/index.html; (注意重定向路径要带上/app/)
#index index.html;
}
2.vue.config.js配置publicPath属性

3.vuerouter配置base属性


博客介绍了前端Vue项目部署在二级目录(如http://www.xxx.com/app/)的相关配置。前端Vue需修改静态资源文件路径和路由路径,具体配置包括修改nginx配置文件、vue.config.js的publicPath属性以及vuerouter的base属性。
1653

被折叠的 条评论
为什么被折叠?



