当前位置: 首页 > news >正文

【vue】vue发布

https://www.jb51.net/article/119693.htm

vue打包问题:Tip: built files are meant to be served over an HTTP server.

npm run build之后,出现提示Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.

npm run build的时候 , 因为vue-cli的默认配置中, publishPath是用绝对目录, 所以dist文件夹里的文件必须放在服务器的根目录, 如果你想本地打开的话, 可以在npm run build完成之后执行以下命令:

npm install -g http-server

1、使用命令npm run build打包vue项目之后提示 :
“Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won’t work.”,
并且在本地打开index.html是空白页,是因为打包的时候配置文件config的index.js的build配置是默认assetsPublicPath为“/”根路径,把assetsPublicPath修改为“./”同一个路径重新打包即可。

vue打包空白页解决

2、解决了页面空白问题之后会出现css样式的图片不显示问题,那么在build的目录下的utils.js文件添加publicPath: '…/…/'重新打包即可。

css图片不显示问题

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 阿里云ECS端口8080访问不了问题排查
  • 【网络】ECS 8080端口连接拒绝问题排查(服务器外网无法访问原因)
  • 【springBoot】SpringBoot入门最详细教程---研习
  • 【springBoot】controller,service,dao,mapper,model层的作用
  • 【springboot】什么是依赖注入
  • 【java】Java bean 是个什么概念?
  • 【web】Postman 使用教程详解
  • 【vue】vue项目结和start
  • 【vue】vue项目结构-2
  • 【vue】vue + springboot 简单登录代码
  • 【Maven 】Maven 错误 Failure to transfer ...was cached in the local repository...
  • 【Maven】Eclipse自带Maven增加setting.xml
  • 【springboot】springboot 错误集合
  • 【springboot】springboot 发布jar
  • 【springboot】springboot 注解
  • 「前端早读君006」移动开发必备:那些玩转H5的小技巧
  • Mybatis初体验
  • ng6--错误信息小结(持续更新)
  • nodejs调试方法
  • Spring Cloud Feign的两种使用姿势
  • SpringBoot几种定时任务的实现方式
  • 简单实现一个textarea自适应高度
  • elasticsearch-head插件安装
  • ​批处理文件中的errorlevel用法
  • ​软考-高级-系统架构设计师教程(清华第2版)【第1章-绪论-思维导图】​
  • #include<初见C语言之指针(5)>
  • $().each和$.each的区别
  • (1/2) 为了理解 UWP 的启动流程,我从零开始创建了一个 UWP 程序
  • (12)Hive调优——count distinct去重优化
  • (2)(2.10) LTM telemetry
  • (delphi11最新学习资料) Object Pascal 学习笔记---第13章第1节 (全局数据、栈和堆)
  • (poj1.3.2)1791(构造法模拟)
  • (vue)el-cascader级联选择器按勾选的顺序传值,摆脱层级约束
  • (超简单)使用vuepress搭建自己的博客并部署到github pages上
  • (超详细)2-YOLOV5改进-添加SimAM注意力机制
  • (分布式缓存)Redis持久化
  • (附源码)springboot建达集团公司平台 毕业设计 141538
  • (附源码)ssm基于jsp高校选课系统 毕业设计 291627
  • (附源码)基于SpringBoot和Vue的厨到家服务平台的设计与实现 毕业设计 063133
  • (规划)24届春招和25届暑假实习路线准备规划
  • (欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明
  • (四)stm32之通信协议
  • (原創) 如何將struct塞進vector? (C/C++) (STL)
  • (转)C#开发微信门户及应用(1)--开始使用微信接口
  • (转)EXC_BREAKPOINT僵尸错误
  • (自用)gtest单元测试
  • **登录+JWT+异常处理+拦截器+ThreadLocal-开发思想与代码实现**
  • .net 获取某一天 在当月是 第几周 函数
  • .net 逐行读取大文本文件_如何使用 Java 灵活读取 Excel 内容 ?
  • .NET/C# 中设置当发生某个特定异常时进入断点(不借助 Visual Studio 的纯代码实现)
  • .NetCore实践篇:分布式监控Zipkin持久化之殇
  • .NET关于 跳过SSL中遇到的问题
  • .NET轻量级ORM组件Dapper葵花宝典
  • .NET未来路在何方?
  • .NET中的Exception处理(C#)