Vue项目访问路径加统一前缀(若依)

news/2024/12/4 11:34:06/文章来源:https://www.cnblogs.com/y593216/p/18585937

 

如果多个项目要发布至同一个域名下,或Vue项目要加项目名访问时,则可以通过域名后加统一前缀来区分及路由至指定的服务,例如同一域名下:
站点A:https://www.abc.com
站点B:https://www.abc.com/bbb
站点B-接口API:https://www.abc.com/bbb/api

Vue项目访问路径加统一前缀步骤:
(1)给静态资源加前缀
vue.config.js文件 新增属性:publicPath: "/business-admin/"

例如下所示(生产环境加/admin/前缀,否则不加):

module.exports = {// 如果你的应用被部署在 https://www.xxx.com/admin/,则设置publicPath为 /admin/publicPath: process.env.NODE_ENV === "production" ? "/admin/" : "/",// build生成文件的目录名称(默认dist)outputDir: 'dist',// 用于放置生成的静态资源 (js、css、img、fonts) assetsDir: 'static',...
}

官方参考文档:
https://cli.vuejs.org/zh/config/#publicpath

(2)页面路由加前缀
router.js或index.js new Router(); 新增属性:base: '/business-admin/'

例如下所示:

export default new Router({base: '/business-admin',mode: 'history', // 去掉url中的#scrollBehavior: () => ({ y: 0 }),routes: constantRoutes
})

 

(3)Nginx代理加前缀(如果不配置,直接刷新页面会报404)

location ^~ /business-admin {root /home/user/html/manager;try_files $uri $uri/ /admin/index.html;
}

 

try_files说明:
按顺序检查文件是否存在,返回第一个找到的文件;
结尾的斜杠表示文件夹,如$uri/;
如果所有的文件都找不到,则内部重定向至最后一个参数;

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/846598.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ERP术语 中日英对照表

<table><tr><td>客户</td><td>Customer</td><td>得意先</td></tr><tr><td>供应商</td><td>Supplier</td><td>仕入先</td></tr><tr><td>仓库</td>&l…

2024 PyCharm安装激活使用教程 (至2099年)

Pycharm 简介 Pycharm 是一款非常强大的Python集成开发环境(IDE),由JetBrains公司开发。它提供了丰富的功能和工具,帮助开发者更高效地编写、调试和部署代码。 要求 在开始之前,请确保您的计算机满足以下系统要求:操作系统:Windows、macOS或Linux 处理器:至少1 GHz的处理器…

想提高工作效率?试试这些实用技巧!

在现代企业的日常运营中,工作效率低下似乎已成为许多团队和项目管理中的普遍现象。无论是在软件开发、市场营销、产品设计还是其他行业中,团队成员往往面临着进度滞后、任务拖延、沟通不畅等问题,导致整体工作效率低下,影响项目的顺利推进。这些问题不仅给团队带来了很大的…

elasticsearch 学习笔记之二 常见接口

一、索引操作类 1、创建索引(PUT /索引名称) PUT /my-index-000001 请求body{"settings": {"index": {"number_of_shards": 3, //创建3个主片"number_of_replicas": 2 //每个主片都会有两个副本}} } 未指定mapping的情况下,使…

为什么Unity里的变体数和UWA工具测出来的不一样

1)为什么Unity里的变体数和UWA工具测出来的不一样2)使用TextureArray为什么会导致L1 Cache Miss率变高3)Gfx.PresentFrame耗时异常高4)AO方案中哪个更适合移动端这是第412篇UWA技术知识分享的推送,精选了UWA社区的热门话题,涵盖了UWA问答、社区帖子等技术知识点,助力大家…

abb喷涂机器人维修齿轮泵电机不转了怎么办?

ABB喷涂机器人齿轮泵电机常见的故障表现有哪些?1、电机振动过大:这可能是由于电机安装不当、轴承磨损或者不平衡导致的。振动过大会影响电机的稳定性和工作效率。2、电机无法启动:这可能是由于电源故障、电机内部短路或者过载保护触发导致的。无法启动会导致生产线停工,影响…

Android 添加指定QQ或加群

原文地址: Android 添加指定QQ或加群-Stars-One的杂货小窝实际上,原理就是通过scheme来唤起手机QQ进行对应的操作 添加QQ import android.content.Context import android.content.Intent import android.net.Uri import com.blankj.utilcode.util.ToastUtilsobject QqUtils {f…

【AIX】AIX系统安装教程及相关命令

⼀、 安装教程 1、unix是从MULTICS操作系统演变⽽来,MULTICS的特征是啥?终端!咱们通过串⼝去连接IBM P740吧,⾸先得准备USB转串⼝线2、 就是这种了,按照下图连接3、连接正常后(这⾥⽤的是win10操作系统),可以在设备管理那⾥看到安装正确的串⼝(这⾥是COM3⼝)(没正确…

MySQL: 划分具有连续相同值的区间

需求 有一组数据,第一列是类型A/B,第二列是操作时间,怎么取出不同类型不同时间段的最大、最小操作时间? 输入:输出:建表语句: create table test2 (`type` varchar(5),`time` timestamp )engine=innodb;insert into test2 values (A, 2021-08-09 10:00:00), (A, 2021-08…

VMware虚拟机磁盘扩容

环境:linux 系统:ubuntu1.修改磁盘配置2.在虚拟机内部系统分配空间 运行以下命令: sudo apt update sudo apt install gparted gparted启动如下界面:sda2右键选择“Resize/Move”free space following直接输入0,回车确认,数值会自动变成下图的样子应用修改检查是否修改成…

究竟何种办公软件适合广告公司团队协作?

在当今竞争激烈的广告行业中,团队协作的效率至关重要。拥有一款强大的可视化团队协同办公软件,能够极大地提升广告公司的工作效率和项目管理水平。下面,我们将为大家盘点 6 款可视化团队协同办公软件,其中包括备受好评的板栗看板,以及国外的 5 款相关软件。 一、板栗看板 …

vxe-table 一键切换编辑模式、只读模式

vxe-table 可以编辑模式和只读模式的参数是 editConfig.enabled 当需要编辑时就启用,当不需要编辑时就关闭 官网:https://vxetable.cn/<template><div><vxe-button status="primary" @click="toggleReadonly">切换</vxe-button>…