备案控制台
开发者社区 开发与运维 文章 正文

程序员青戈Vue3部署

2024-07-05 9
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 程序员青戈Vue3部署

资料链接：

通俗易懂给小白讲讲SpringBoot + Vue3服务器部署_哔哩哔哩_bilibili

第一步配置后台地址

如果服务器在本地启动的话，直接localhost

如果想要访问服务器，必须配置服务器的ip和端口

需要把serverUrl给他改变一下

要配置两个地方，要通过axios去读取一个配置文件

这个配置文件是在public中去定义的

这个config.json是专门用来配服务器的ip

这个是Vue3全局配置的方式

之后把它给导出来，不导出来，在request.js中无法被引用

打开config.json

打开之后把服务器ip给放进去


文章标签：
程序员
Java
关键词：
vue3部署VUE.js
部署VUE.js
爱你三千遍斯塔克
目录
相关文章
朝阳39
|
2天前
vue3【实战】语义化首页布局
vue3【实战】语义化首页布局
朝阳39
16 2
朝阳39
|
2天前
|
存储 容器
vue3【实战】来回拖拽放置图片
vue3【实战】来回拖拽放置图片
朝阳39
10 2
朝阳39
|
2天前
|
JavaScript 开发工具 开发者
vue3【提效】使用 VueUse 高效开发（工具库 @vueuse/core + 新增的组件库 @vueuse/components）
vue3【提效】使用 VueUse 高效开发（工具库 @vueuse/core + 新增的组件库 @vueuse/components）
朝阳39
12 1
朝阳39
|
2天前
|
API
Pinia 实用教程【Vue3 状态管理】状态持久化 pinia-plugin-persistedstate，异步Action，storeToRefs()，修改State的 $patch，$reset
Pinia 实用教程【Vue3 状态管理】状态持久化 pinia-plugin-persistedstate，异步Action，storeToRefs()，修改State的 $patch，$reset
朝阳39
13 1
朝阳39
|
2天前
|
JavaScript
vue3 【提效】自动注册组件 unplugin-vue-components 实用教程
vue3 【提效】自动注册组件 unplugin-vue-components 实用教程
朝阳39
7 1
朝阳39
|
3天前
|
JavaScript API
vue3【实用教程】组件（含父子组件传值 defineProps，自定义事件 defineEmits，defineProps，插槽 slot，动态组件 :is 等）
vue3【实用教程】组件（含父子组件传值 defineProps，自定义事件 defineEmits，defineProps，插槽 slot，动态组件 :is 等）
朝阳39
13 1
朝阳39
|
2天前
|
JavaScript 网络架构
vue3 【提效】自动路由（含自定义路由） unplugin-vue-router 实用教程
vue3 【提效】自动路由（含自定义路由） unplugin-vue-router 实用教程
朝阳39
11 0
vue3 【提效】自动路由（含自定义路由） unplugin-vue-router 实用教程
朝阳39
|
2天前
vue3 【提效】自动导入框架方法 unplugin-auto-import 实用教程
vue3 【提效】自动导入框架方法 unplugin-auto-import 实用教程
朝阳39
12 0
朝阳39
|
2天前
vue3 【提效】全局布局 vite-plugin-vue-layouts 实用教程
vue3 【提效】全局布局 vite-plugin-vue-layouts 实用教程
朝阳39
14 0
朝阳39
|
3天前
手写 vue3 的 ref，reactive 和 watchEffect
手写 vue3 的 ref，reactive 和 watchEffect
朝阳39
9 0

热门文章

最新文章

  • 1
    vue项目中引入字体库（icon）（详细步骤）
  • 2
    Vue3：elementplus输入框去掉边框及缩放
  • 3
    (踩坑篇)vue element-ui resetForm()表单重置失效的问题
  • 4
    VUE的ajax拦截器
  • 5
    vue3学习：:deep()深度选择器的用法
  • 6
    Vue工具和生态系统： Vue.js和TypeScript可以一起使用吗？
  • 7
    vue echarts图表自适应屏幕变化
  • 8
    VUE3（三十三）vue实现上拉加载下一页
  • 9
    Vue 父组件传值子组件无效2
  • 10
    Vue——多页面不共用token进行拦截
  • 1
    使用Vue.js构建交互式前端的技术探索
    42
  • 2
    ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
    90
  • 3
    vue2升级到vue3的一些使用注意事项记录(四）
    71
  • 4
    ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
    59
  • 5
    ruoyi-nbcio-plus基于vue3的flowable多租户机制
    49
  • 6
    ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
    52
  • 7
    vue3中使用动态组件
    55
  • 8
    Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
    68
  • 9
    ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
    37
  • 10
    ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
    55

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • React 入门与实战
  • React 入门教程开发文档
  • JavaScript入门与实战

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 基于VUE的单页面性能优化实践
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）