vue3+vite项目同时连接两个后台

已于 2024-09-20 09:14:50 修改
阅读量188 收藏
点赞数 2
文章标签： vue.js 前端
于 2024-09-20 09:13:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wwngxu/article/details/142374996
版权

​

新增一个文件 vite.config.second.ts 或者vite.config.second.js 叫什么都行

在这里插入图片描述

在package.json内配置启动命令

“dev1”: “vite --config vite.config.second.ts”,

然后在 vite 配置文件内修改代理的后台服务和端口

最后使用npm run dev1 和npm run dev即可连接两个后台

​

青云ovo
关注
vue配置多个后端
weixin_44239362的博客
03-14 799
1、src/utils/request.js 设置baseURL为空。2、vue.config.js 配置proxy。
vue vite 一个项目文件启动多个不同API服务
weixin_50061268的博客
07-25 444
vue项目开发环境下连接多个后台
星辰的笔记
04-02 1414
问题：开发中遇到多个后台需要连接前端进行开发的情况 if(process.env.NODE_ENV == 'development' ){ // 后台人员可以在控制台用 localStorage.setItem('adminUrl', '后台接口地址'); 来设置链接后台的地址 setUrl = localStorage.getItem('adminUrl') || 'http://api.hehe.com/'; } 使用localStorage进行缓存后台接口地址，前端获取缓存
Vue3+Ts+Vite -- 后台管理项目
qq_62079814的博客
08-31 1680
husky是一个git hook工具，可以帮助我们触发git提交的各个阶段：pre-commit、commit-msg、pre-push。通常我们的git commit会按照统一的风格来提交，这样可以快速定位每次提交的内容，方便之后对版本进行控制。1.在前面创建项目的时候，我们就选择了ESLint，所以Vue会默认帮助我们配置需要的ESLint环境。安装插件：（vue在创建项目时，如果选择prettier，那么这两个插件会自动安装）
Vue3+Vite+TypeScript常用项目模块详解
qq_43649937的博客
06-09 8340
Vue3 Ts Vite
vue3 + vite 从 0 搭建【后台管理系统】
qq_40893035的博客
10-13 7848
vue3 + vite 搭建后台管理系统基础模板
vue3 + vite+element-plus创建后台管理系统
qq_23447231的博客
11-26 4097
最近公司遇到个客户项目全是CRUD，没有难度，但是页面又特别多，感觉项目没有意思，于是我拿这个项目练手使用vite + vue3 + element-plus 如何用vite创建vue3项目 vite是一个web开发构建工具，由于其原生ES模块导入方式，可以实现闪电般的冷服务器启动。如何用vite构建vue3项目呢： # npm 6.x npm init vite@latest <project-name> --template vue # npm 7+ 需要加上额外的双短横线 npm ini
基于vue3 + ts + vite项目初探
m0_49569569的博客
05-15 1726
前言 基于Vue3已经成为默认版本，目前的项目暂时还没有使用过vue3开发和最近有一个全新的新项目的基础下，使用vue3开发项目，必然是未来的一个趋势 下面记录一下怎么使用Vue3 + ts + vite 从0开始搭建一个项目 环境准备 Nodejs 版本>=12 使用node -v 查看 node版本 或者将Nodejs升级到最新的稳定版本 npminstall -g n sudo n stable 使用Vite快捷搭建 使用npm npm init @vitejs/...
现有的vue3+ts+vite项目集成electron
rotating_windmill
08-15 961
Electron是使用JavaScript，HTML和CSS构建跨平台的桌面应用程序框架。需要将其转换成Electron项目，只需要在原来web项目上安装Electron依赖并进行配置即可。接下来在vite.config.ts中配置vite-plugin-electron插件。接下来在web的public中添加一个256*256的icon图标。在web项目的package中添加script。在web项目的package中添加build。在web项目的package中添加入口。
基于vue-cli / vite + vue3.0 + antd2.0 + ts4.0 的后台管理系统模板
10-15
在这个后台管理系统模板中，开发者可以体验到 Vue 3.0 的 Composition API 和响应式增强，Vite 的快速开发环境，以及 Ant Design Vue 2.0 的美观界面。同时，TypeScript 4.0 的强类型支持确保了代码的稳定性和可维护...
vue3 +vite + antd Vue实现的后台管理系统
08-02
Vue3 + Vite + Ant Design Vue 是一个现代的前端开发框架组合，用于构建高效、可维护的后台...通过这些配置，开发者可以快速搭建并开发出高效、规范的后台系统，同时享受到 Vue3 的强大功能和 Vite 的快速开发体验。
Vite + Vue3 + ts 注册登录页面书写 搭配Nodejs + Express + postgresql接口
04-10
一共两个包： 一个接口包 连的本地postgresql 表及信息有截图 库自己装 一个vue包 vite+vue3+ts+eleplus 配置了router vuex axios postcss-px-to-viewport界面自适应 env prod环境等 启动:均是 npm i npm start ...
knowLedge-Vue I18n 是 Vue.js 的国际化插件
2301_76671906的博客
09-30 824
Vue 2 中使用 Vue I18n 插件实现中英文切换
vue3 实现文本内容超过N行折叠并显示“...展开”组件
Angel_Tears_的博客
09-28 1180
> 组件内文字样式取决与外侧定义 > 组件大小发生变化时,文本仍可以省略到指定行数 > 文本不超过时, 无展开,收起按钮 > 传入文本发生改变后, 组件展示新的文本
Vue 技术进阶 day2 数据监视的原理、其他内置指令、自定义指令、生命周期、组件化、VueComponent构造函数
最新发布
2301_77358195的博客
09-30 886
自定义指令
Vue实战教程：如何用JS封装一个可复用的Loading组件
Jiaberrr的博客
09-28 558
通过以上步骤，我们成功在Vue项目中封装了一个可复用的Loading组件。在实际开发中，我们可以根据项目需求对Loading组件进行样式和功能的扩展，使其更加完善。封装组件是提高代码复用性和维护性的有效手段，希望本文能对你有所帮助。
Thinkphp/Laravel基于vue的少数民族民歌网络图书馆管理系统
abo2022的博客
09-30 1163
ThinkPHP是一个快速、简单的基于MVC和面向对象的轻量级PHP开发框架，遵循Apache2开源协议发布，从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，尤其注重开发体验和易用性，并且拥有众多的原创功能和特性，为WEB应用开发提供了强有力的支持Laravel非常的简洁并且是开源的，Laravel 是一个具有表现力、优雅语法的 Web 应用程序框架. Laravel 是构建现代全栈 Web 应用程序的最佳选择.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值