Andt Desgin Vue Pro 项目添加前缀访问解决

于 2024-07-11 17:15:12 发布
阅读量37 收藏
点赞数
分类专栏： Vben Admin框架实战(Python后端) 文章标签： vue.js 前端 javascript anti-design-vue nginx 配置vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cui_win/article/details/140356322
版权

文章目录

前言

我们的前端是antd design vue pro开发的项目，之前我们可以通过
https://abc.test.io访问，现在多个项目通过一个域名，现在的需求是使用https://abc.test.io/admin 访问。这里记录下修改的的过程，这块前端框架大同小异，应该都可以借鉴到。

一、项目代码修改

vue.config.js 设置 publicPath

publicPath选项可以用于设置vue.js项目的访问路径前缀，例如我们的项目中需要用前缀/a访问

  // 区分开发和打包分别配置，打包配置的值和nginx配置的保持一致
  publicPath: process.env.NODE_ENV == 'development' ? '/admin'
了解本专栏 订阅专栏 解锁全文 超级会员免费看
锅锅来了
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
andt desgin vue pro a-select 下拉框回显问题
weixin_43687353的博客
10-30 1407
1.问题描述 前端的修改表单, 没有回显状态 2.问题原因 按下F12, 打开调试工具, 查看请求返回的数据, 可以发现后端返回的status是布尔值, 和前端的value="1"是不对应的, 所以需要修改数据的类型
Ant Design Pro of Vue 添加路由和菜单
weixin_54896782的博客
08-18 599
中文配置路径：src/locales/lang/zh-CN/menu.js（注意要与title中定义的名称一致）英文配置路径：src/locales/lang/en-US/menu.js（注意要与title中定义的名称一致）授权页面路径：src/mock/services/user.js 进入页面后，找到permissions。3、根据router.config.js中刚才配置的路由，对meta中的title中英文转换进行配置。2、前往src/config/router.config.js中配置路由。
ant desgin vue table 表格合并单元格
weixin_73106033的博客
03-04 559
这个就是实现效果 其实就是把表格表头横向显示 ，查看了ant desgin vue没发现有现成方法。2.我这个是固定格式的，所以只要合并制定行或者列的单元格就可以了，直接放代码。} else if ( row.lable==='前置审计') {}else if (row.lable==='现场审计') {1.首先 表格表头隐藏，不显示；title:'重点主题2',title:'重点主题',title:'一级主题',于是自己修改这个样式实现的。
vue ant-desgin table 添加编号
reembarkation的博客
06-24 779
a-table表格添加编号列的简单实现
解决办法：Ant Desgin Vue中Table嵌套子表格展开异常问题
lh_seckill的博客
10-09 1087
表格支持树形数据的展示，当数据中有children字段时会自动展示为树形表格，如果不需要或配置为其他字段可以用childrenColumnName进行配置
Ant Design Vue Pro 项目实战-项目初始化（一）
终极冥帝
02-23 9884
写在前面小说网 https://www.laoyao.org 时间真快，转眼又是新的一年。随着前后端技术的不断更新迭代，尤其是前端，在目前前后端分离开发模式这样的一个大环境下，交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react，随着后面钩子的加入更让人爱不释手，但是整个团队需要更新技术，这里选择了更容易上手的Vue（这里的容易上手并没有歧义，指的是更容易...
使用Vue3+Ant Design Vue pro搭建后台管理系统
m0_56896206的博客
05-28 4232
使用Vue3+Ant Design Vue pro搭建后台管理系统 表单验证方面 安迪赞vue提供了from表单项 在item里可以添加自定义内容 当然每个选项输入框或者下拉框都需要绑定验证规则 ，安迪赞vue的验证规则我采用了下面这种方式绑定 在setup里定义双向绑定数据项 数据项的名字要和表单内容双向绑定的一直 每一个括号对应一个自身的验证规则 ，它可以对应很多项验证规则 定义完验证给i则需要和表单内容绑定在一起，这个时候需要用到安迪赞vue的表单验证api， 然后用他们进行绑定，下面的use
ant-desgin vue 弹窗拖拽功能实现
qq_43398884的博客
11-04 1483
实现拖拽功能，主要有以下几个步骤： 1. 鼠标点击时获取鼠标的坐标，并开始监听鼠标的移动和鼠标的松开动作 2. 鼠标移动时获取当前坐标，并计算相对于鼠标点击时坐标的偏移值，并修改弹窗的偏移量 3. 鼠标松开时停止所有监听，并保存弹窗当前的位置 直接上代码： <template> <a-modal v-model:visible="modelVisible" :style="style" > <template #title> .
nginx部署（Springboot-Ant Design Pro of Vue）
agdmwtgaga的博客
01-30 254
nginx部署（Springboot-Ant Design Pro of Vue）
Ant Desgin Vue级联js.rar
11-22
在这个名为"Ant Desgin Vue级联js.rar"的压缩包中，包含的是关于Vue.js与Ant Design Vue结合使用的级联选择器（Cascader）的JS代码和示例。 级联选择器是一种常见的UI元素，它允许用户在多个层次的选项中进行选择，...
基于Vue3、Vite4、ant-design-vue4、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方
02-22
AntdvPro是一个基于Vue3、Vite4、ant-design-vue4、Pinia、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方案，它参考了阿里react版本antd-pro的设计模式，使用了最新最流行的前端技术栈，内置了动态路由、...
electron-vue-vite-webpack:Electron、vue3、vite2、webpack5、ant-design-vue2 整合
05-17
电子vue-vite-webpack Electron + vue3 + vite2 + webpack5 + ant-design-vue2 如何和为什么 Vite是未来的脚手架 在开发期间使用“拜访”以保持快速启动的优势 使用“ webpack”解决包装期间的包装问题 命令 npm ...
vue_form_design:基于Vue3.0的表单设计器
03-16
"vue_form_design-master"这个压缩包文件名暗示它是Vue Form Design项目的源码仓库。通常，一个Vue项目包含以下部分： 1. `src/`：源代码目录，包括组件、样式、路由、API调用等。 2. `public/`：静态资源文件夹，...
ant design vue datepicker日期选择器中文化操作
01-18
按照ant design vue官方说明，使用日期选择器需要在入口文件(main.js)全局设置语言： // 默认语言为 en-US，如果你需要设置其他语言，推荐在入口文件全局设置 locale import moment from 'moment'; import 'moment/...
vue + element ui 实现侧边栏导航栏折叠收起
爱敲代码的卡拉米的博客
07-08 421
通过 row 和 col 组件，并通过 col 组件的。属性我们就可以自由地组合布局。
vue详解
m0_46702681的博客
07-08 1159
指令:HTML标签上带有 v-前缀的特殊属性，不同的指令具有不同的含义，可以实现不同的功能常用指令:v-for 列表渲染，遍历容器的元素或者对象的属性v-bind 为HTML标签绑定属性值，如设置 href，css样式等v-if/y-else-if/v-else 条件性的渲染某元素，判定为true时渲染，否则不渲染v-show 根据条件展示某元素，区别在于切换的是display属性的值。
基于若依的文件上传、下载
谁说自己不可以
07-06 1142
基于若依的文件上传、下载、详细步骤。
【vueUse库Reactivity模块各函数简介及使用方法--下篇】
最新发布
xiejunlan的博客
07-11 1263
vueUseReactivity函数构想中的refWithControl函数可能的实现方式总结2. syncRef构想中的syncRef函数可能的实现方式注意事项总结3.syncRefs构想中的syncRefs函数可能的实现方式注意事项总结假想的toReactive函数注意事项假设的toReactive函数实现结论5.toReftoRef函数介绍使用方法示例代码总结6.toRefstoRefs函数介绍使用方法示例代码总结7.toValue使用 Vue 3 自身的 API示例使用 vueUse 的类似功能。
ant desgin vue 模板导出
06-10
如果您想要导出Ant Design Vue的模板，可以按照以下步骤操作： 1. 打开Ant Design Vue的官方网站：https://www.antdv.com/docs/vue/introduce-cn/ 2. 点击左侧导航栏中的“组件”或“示例”，找到您想要导出的模板。 3. 点击模板右上角的“编辑”按钮，进入代码编辑器页面。 4. 在代码编辑器页面中，将模板代码复制到您的项目中。 5. 按照Ant Design Vue的使用说明进行配置和使用。 需要注意的是，Ant Design Vue的所有组件都是基于Vue.js框架开发的，因此在使用前需要确保您的项目已经正确地集成了Vue.js。同时，Ant Design Vue的部分组件可能需要引入其他库或插件，您需要按照官方文档的说明进行安装和配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值