vue打包部署问题

最新推荐文章于 2024-08-16 23:32:06 发布
最新推荐文章于 2024-08-16 23:32:06 发布
阅读量111 收藏
点赞数 1
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41037490/article/details/119929545
版权

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/",

2. nginx代理配置

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

王大锤4391
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue打包部署axios跨域问题
pin-csdn的博客
07-06 3288
工具版本： 【vue -V】:2.9.6 ide工具：VSCode / Idea 前提：我们前端vue工程需要单独部署 一、本地使用命令运行跨域问题。 外网访问的地址：https://www.runoob.com/try/ajax/json_demo.json 本地springboot接口访问的地址：http://192.168.3.12:8081/register/getSmsCode/123456789 1、axios访问的代码： created(){ const _this = this
Vue中跨域及打包部署到nginx跨域设置方法
10-16
本文将详细介绍Vue项目开发中遇到的跨域问题及其解决方法，以及如何将打包后的Vue项目部署到Nginx服务器，并设置跨域。 ### 跨域问题的概述 跨域问题是指由于浏览器的同源策略限制，前端项目中的JavaScript代码...
ruoyi-vue及uniappH5打包部署到window服务器，nginx代理
12-16 2439
ruoyi-vue前后端分离版，uniapp H5，打包部署到windows nginx代理服务器
vue移动端(H5)打包
weixin_46300135的博客
02-26 1785
**1.**创建vue.config.js文件，文件里可以配置webpack相关设置，需加上pubilcPath:’./’,加上./主要是预防打包后出现白屏的情况。 **2.**在终端执行npm run build 或者 yarn run build,执行完毕后姿势会在项目文件中生成一个dist文件，手动打开页面，此时会出现项目相关的视图等，这表明成功。 **3.**打开HbuilderX编辑器，新建项目(5+App(A))这个选项，然后将项目中生成的dist文件里的内容替换到在HbuilderX中新建的项
使用dcloudio/uni-preset-vue打包H5根目录添加静态资源
weixin_43546255的博客
07-19 688
在Uni-app中使用dcloudio/uni-preset-vue打包H5时，默认情况下无法直接将静态资源放置在根目录，这是由于Uni-app的构建机制所限制的。如果需要将静态资源放置在根目录，考虑使用一个辅助工具来在打包完成后，将静态资源文件复制到根目录。
关于Vue+webpack之H5打包优化，说说我的一些心得体会
Amelian的博客
10-15 1155
基于公司的业务以及今年接触到的项目大部分都是APP混合开发，即原生Android/ios +H5页面开发APP。项目从产品需求的评审到方案的评审再到开发提测...这一套流程下来让我收货颇多。总想找个时间好好记录一番，大概还是自己懒惰了，一直拖到现在。想记录的东西太多了，一次讲完也没有突出的重点，我今天最想记录的是关于H5资源打包优化的问题。以前常常看到一些大V长篇大论的在讲各种优化问题，自己没有真正动手去实践过的话也不明所以，也不明白优化的重要性。
Vue项目打包部署
热门推荐
qq_40259528的博客
07-20 2万+
vue项目部署，使用的是linux centors nginx.遇见的问题及解决方案
Vue项目打包部署总结
2301_79098873的博客
05-15 1739
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
vue项目打包部署流程
qq_37344867的博客
09-07 3061
vue项目打包部署流程
Vue打包后部署缓存问题处理方式
The limits of your knowledge are the limits of your world
04-25 1334
vue打包部署缓存问题
VUE打包部署
hzp666的博客
03-25 5206
rm-rfdist///最好是build之前把原来的dist文件夹删掉，不然搞不清楚是不是最新的 npmrunbuild zipdist/dist.zip//上一步npmrunbuild会生成一个dist文件夹，用指令打成zip包 mvdist.zip/opt/qanda///把这个dist.zip包移动到/opt/qands/目录下 unzipdist.zip...
Vue项目打包部署到iis服务器的配置方法
10-16
在将Vue项目部署到IIS服务器上时，会遇到一些配置问题，尤其是单页应用（SPA）特有的路由问题。因为Vue项目通常使用前端路由（vue-router），所以需要通过URL重写（URL rewrite）的方式，使得在访问不同路由地址时，...
Vue打包部署到Nginx时,css样式不生效的解决方式
10-15
总结来说，解决Vue打包部署到Nginx时CSS样式不生效的问题，需要关注Vue CLI的打包配置（尤其是`assetsPublicPath`），以及Nginx的MIME类型配置。正确设置这些参数，可以确保CSS和其他静态资源被正确地服务和解析，...
解决vue build打包之后首页白屏的问题
08-27
在开发Vue.js应用时，我们通常会使用`npm ...综上所述，解决Vue build打包后首页白屏的问题主要涉及调整静态资源的路径配置。同时，理解其他可能的原因和采取相应的优化措施，将有助于构建更稳定、适应性强的Vue应用。
解决vue+webpack打包路径的问题
08-27
然而，在实际部署过程中，可能会遇到Vue和Webpack打包路径的问题，导致应用无法正常运行。本文将详细介绍如何解决Vue+Webpack打包路径的问题。 首先，理解问题的核心在于Vue Router的history模式。在history模式下...
11.动态标签页的一些优化和bug的解决
最新发布
qq_55121347的博客
08-16 194
动态标签页的一些优化和bug的解决
Element-04.组件-Dialog对话框
程小白的博客
08-16 173
【代码】Element-04.组件-Dialog对话框。
Vue 生命周期详解含demo、面试常问问题案例
qq_34419312的博客
08-16 811
Vue 生命周期详解、面试常问问题案例 含 demo
Vue 3的Computed属性
计算机图形学
08-15 328
Vue 3的组合式API为Computed属性的使用带来了新的变化和可能性。通过computed函数，开发者可以轻松地创建只读或可写的Computed属性，并在组件中高效地处理响应式数据。合理使用Computed属性，可以使代码更加简洁、清晰和高效。
vue 打包部署之后没有样式文件
09-05
当使用Vue打包部署后，如果没有样式文件，则可能是以下原因导致的： 1. 检查配置文件：请确保在打包配置文件（如webpack.config.js）中，已正确配置CSS文件的加载和打包规则。可以使用诸如url-loader、css-loader、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王大锤4391

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值