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

vue打包部署问题

2024-05-10 104
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue项目`vue.config.js`中，`publicPath`设定为"/h5/party/pc/"，在线环境基于打包后的`dist`目录，而非Linux的`/root`。Nginx代理配置位于`/usr/local/nginx/nginx-1.13.7/conf`，包含两个相关配置图。
  1. 因为vue项目配置文件 vue.config.js 资源路径是 /h5/party/pc/

/h5/party/pc 在线上环境中不是指向 linux 的 /root 目录下

而是 以 vue的打包文件 dist 为根目录，在dist 文件下的 /h5/party/pc/

publicPath: process.env.NODE_ENV === "production" ? "/h5/party/pc/" : "/h5/party/pc/",

image.png

  1. nginx代理配置

/usr/local/nginx/nginx-1.13.7/conf

image.pngimage.png

文章标签：
JavaScript
移动开发
应用服务中间件
nginx
Linux
关键词：
部署VUE.js
vue部署VUE.js
vue打包部署VUE.js
打包部署VUE.js
1529723250799936
目录
相关文章
34789737
|
9天前
|
JavaScript
Vue中如何实现兄弟组件之间的通信
在Vue中，兄弟组件可通过父组件中转、事件总线、Vuex/Pinia或provide/inject实现通信。小型项目推荐父组件中转或事件总线，大型项目建议使用Pinia等状态管理工具，确保数据流清晰可控，避免内存泄漏。
34789737
108 2
谢妹纸
|
3月前
|
人工智能 JavaScript 算法
Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建
Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建
谢妹纸
538 0
我们是幸福一家人
|
3月前
|
JavaScript UED
用组件懒加载优化Vue应用性能
用组件懒加载优化Vue应用性能
我们是幸福一家人
276 82
34789737
|
2月前
|
JavaScript 安全
在 Vue 中，如何在回调函数中正确使用 this？
在 Vue 中，如何在回调函数中正确使用 this？
34789737
105 0
rvblio6ca4cug
|
2月前
|
人工智能 JSON JavaScript
VTJ.PRO 首发 MasterGo 设计智能识别引擎，秒级生成 Vue 代码
VTJ.PRO发布「AI MasterGo设计稿识别引擎」，成为全球首个支持解析MasterGo原生JSON文件并自动生成Vue组件的AI工具。通过双引擎架构，实现设计到代码全流程自动化，效率提升300%，助力企业降本增效，引领“设计即生产”新时代。
rvblio6ca4cug
237 1
凌浩雨
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
凌浩雨
1195 0
小宋1021
|
5月前
|
JavaScript
vue实现任务周期cron表达式选择组件
vue实现任务周期cron表达式选择组件
小宋1021
756 4
34789737
|
4月前
|
JavaScript 数据可视化 前端开发
基于 Vue 与 D3 的可拖拽拓扑图技术方案及应用案例解析
本文介绍了基于Vue和D3实现可拖拽拓扑图的技术方案与应用实例。通过Vue构建用户界面和交互逻辑，结合D3强大的数据可视化能力，实现了力导向布局、节点拖拽、交互事件等功能。文章详细讲解了数据模型设计、拖拽功能实现、组件封装及高级扩展（如节点类型定制、连接样式优化等），并提供了性能优化方案以应对大数据量场景。最终，展示了基础网络拓扑、实时更新拓扑等应用实例，为开发者提供了一套完整的实现思路和实践经验。
34789737
540 77
游客tsrksm3mlhq4y
|
5月前
|
缓存 JavaScript 前端开发
Vue 基础语法介绍
Vue 基础语法介绍
游客tsrksm3mlhq4y
223 57
34789737
|
3月前
|
JavaScript 前端开发 开发者
Vue 自定义进度条组件封装及使用方法详解
这是一篇关于自定义进度条组件的使用指南和开发文档。文章详细介绍了如何在Vue项目中引入、注册并使用该组件，包括基础与高级示例。组件支持分段配置（如颜色、文本）、动画效果及超出进度提示等功能。同时提供了完整的代码实现，支持全局注册，并提出了优化建议，如主题支持、响应式设计等，帮助开发者更灵活地集成和定制进度条组件。资源链接已提供，适合前端开发者参考学习。
34789737
365 17

热门文章

最新文章

  • 1
    Vue中如何实现兄弟组件之间的通信
  • 2
    vue 项目调试的三种方法和不同比较
  • 3
    vue入门002~vue项目的两种创建方式
  • 4
    element-ui报错[Vue warn]: Invalid prop: custom validator check failed for prop “index“.一个符号解决问题
  • 5
    Vue组件中表格文字内容太长，自动变省略号，鼠标悬浮上去显示全称。
  • 6
    修改Vue项目网页标题（title，name）
  • 7
    使用vue+vant制作的一个个人信息展示页面
  • 8
    Vue3监听页面是否全屏(监听与自动退出全屏)
  • 9
    Vue中为对象添加字段两种方法
  • 10
    Vue Router 中实现在新窗口打开页面
  • 1
    基于Vite7.1+Vue3+Pinia3+ArcoDesign网页版webos后台模板
    106
  • 2
    Vue中如何实现兄弟组件之间的通信
    108
  • 3
    虚拟列表在Vue3中的具体应用场景有哪些？
    249
  • 4
    除了循环引用，Vue3还有哪些常见的性能优化技巧？
    145
  • 5
    在 Vue 中，如何在回调函数中正确使用 this？
    105
  • 6
    vue3循环引用自已实现
    95
  • 7
    VTJ.PRO 首发 MasterGo 设计智能识别引擎，秒级生成 Vue 代码
    237
  • 8
    Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建
    538
  • 9
    用组件懒加载优化Vue应用性能
    276
  • 10
    Vue 表情包输入组件实现代码及详细开发流程解析
    211

    • 相关课程

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

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 利用编译将 Vue 组件转成 React 组件
  • Vue.js在前端服务化上的实践与探索
    • 下一篇
    2025云栖大会，阿里云百炼邀请您的参与和见证