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

vue打包部署问题

2024-05-10 45
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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
目录
相关文章
html的七十二变
|
1天前
|
存储 JavaScript 开发者
Vue 组件间通信的最佳实践
本文总结了 Vue.js 中组件间通信的多种方法，包括 props、事件、Vuex 状态管理等，帮助开发者选择最适合项目需求的通信方式，提高开发效率和代码可维护性。
html的七十二变
10 5
html的七十二变
|
1天前
|
存储 JavaScript
Vue 组件间如何通信
Vue组件间通信是指在Vue应用中，不同组件之间传递数据和事件的方法。常用的方式有：props、自定义事件、$emit、$attrs、$refs、provide/inject、Vuex等。掌握这些方法可以实现父子组件、兄弟组件及跨级组件间的高效通信。
html的七十二变
9 4
游客zi3qmblbcdexu
|
6天前
|
JavaScript
Vue基础知识总结 4：vue组件化开发
Vue基础知识总结 4：vue组件化开发
游客zi3qmblbcdexu
23 6
游客zi3qmblbcdexu
|
6天前
|
存储 JavaScript
Vue 状态管理工具vuex
Vue 状态管理工具vuex
游客zi3qmblbcdexu
25 5
dufadayang
|
11天前
|
JavaScript
如何在 Vue 中使用具名插槽
【10月更文挑战第25天】通过使用具名插槽，你可以更好地组织和定制组件的模板结构，使组件更具灵活性和可复用性。同时，具名插槽也有助于提高代码的可读性和可维护性。
dufadayang
15 2
云栖号资讯小哥
|
存储 前端开发 JavaScript
为什么我不再用Vue，改用React？
当我走进现代前端开发行业的时候，我做了一个每位开发人员都要做的决策：选择一个合适的框架。当时正逢 jQuery 被淘汰，前端开发者们不再用它编写难看的、非结构化的老式 JavaScript 程序了。
云栖号资讯小哥
3246 0
我是快乐的嘟嘟
|
13天前
|
数据采集 监控 JavaScript
在 Vue 项目中使用预渲染技术
【10月更文挑战第23天】在 Vue 项目中使用预渲染技术是提升 SEO 效果的有效途径之一。通过选择合适的预渲染工具，正确配置和运行预渲染操作，结合其他 SEO 策略，可以实现更好的搜索引擎优化效果。同时，需要不断地监控和优化预渲染效果，以适应不断变化的搜索引擎环境和用户需求。
我是快乐的嘟嘟
111 63
dufadayang
|
13天前
|
缓存 JavaScript 搜索推荐
Vue SSR（服务端渲染）预渲染的工作原理
【10月更文挑战第23天】Vue SSR 预渲染通过一系列复杂的步骤和机制，实现了在服务器端生成静态 HTML 页面的目标。它为提升 Vue 应用的性能、SEO 效果以及用户体验提供了有力的支持。随着技术的不断发展，Vue SSR 预渲染技术也将不断完善和创新，以适应不断变化的互联网环境和用户需求。
dufadayang
31 9
大树营养快线
|
12天前
|
缓存 JavaScript UED
Vue 中实现组件的懒加载
【10月更文挑战第23天】组件的懒加载是 Vue 应用中提高性能的重要手段之一。通过合理运用动态导入、路由配置等方式，可以实现组件的按需加载，减少资源浪费，提高应用的响应速度和用户体验。在实际应用中，需要根据具体情况选择合适的懒加载方式，并结合性能优化的其他措施，以打造更高效、更优质的 Vue 应用。
大树营养快线
48 4
dufadayang
|
11天前
|
JavaScript
Vue 中的插槽
【10月更文挑战第25天】插槽的使用可以大大提高组件的复用性和灵活性，使你能够根据具体需求在组件中插入不同的内容，同时保持组件的结构和样式的一致性。
dufadayang
14 2

热门文章

最新文章

  • 1
    vite 如何做到让 vue 本地开发更快速？
  • 2
    Chrome插件vue-devtools是如何把VSCode中对应的组件文件打开的
  • 3
    vue基于 input 实现密码的显示与隐藏功能
  • 4
    VUE element-ui 之table表格勾选复选框动态带出（将某列的值赋值给指定列）对应列的数据
  • 5
    Vue 报错Failed to mount component: template or render function not defined
  • 6
    自制简单的range（Vue）
  • 7
    Vue 3和Element组件库的分页功能实现
  • 8
    Vue $watch监听对象属性，数组内对象属性改变
  • 9
    一文梳理Vue3核心原理
  • 10
    vite原理之解析.vue文件
  • 1
    vue(1)，小白看完都会了
    42
  • 2
    深入理解Vue.js中的nextTick：实现异步更新的奥秘
    143
  • 3
    Vue中避免滥用this去读取data中数据
    41
  • 4
    vue3服务端渲染警告解决----DefinePlugin
    114
  • 5
    vue中使用pinia及持久化
    57
  • 6
    Vue3与Vue2：对比分析与迁移指南
    383
  • 7
    双向数据绑定：Vue.js的魔法背后
    54
  • 8
    Vue class和style绑定：动态美化你的组件
    77
  • 9
    Vue 监听器：让你的应用实时响应变化
    195
  • 10
    vue3封装面包屑
    143

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • React 入门教程开发文档
  • React 入门与实战
  • 前端自动化构建工具 Webpack

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 利用编译将 Vue 组件转成 React 组件
  • Vue.js在前端服务化上的实践与探索

    • 相关实验场景

    更多
  • 前端开发基础6：Node.js和LESS预编译工具
  • 搭建Node.js编程环境
    • 下一篇
    无影云桌面