大事件项目59------打包发布_相对路径修改

简介: 大事件项目59------打包发布_相对路径修改

1、

2、 我们打包之后,就不用Serve服务器了,现在我们用Vscode搭建的服务器去做

3、 启动之后,我们有5500的服务器

4、为什么404了,他要直接到JS

5、地址是/,他要引入你服务器的根地址

6、这里你要确定打开dist文件夹

7、我们现在来演示一下

8、现在我们用这个dist打开

9、这一次vscode-serve会以工作区作为根目录

10、所以网页找这个服务器的根目录,才能找到这个js

11、这时候,我们可以看到页面可以正常显示了

12、服务器一般有多个项目,不让你用根目录直接放一个项目

13、解决404发布的问题如何解决

14、使用一个前缀,控制index.html引入其他资源前缀

15、在vue.config.js中配置前缀

16、我现在想在Html中引入CSS文件

17、./是当前文件,/是往下找

18、为了控制他,路径就得变成./

19、改成这样

20、写成这样,重新打包

21、路径不易/,开头就是以,./开头

22、现在可以看到,直接打开可以看到页面了

23、git 提交路径


相关文章
|
Java Maven
运行JAR包 没有主清单属性解决办法
把下面的代码复制粘贴到maven的pom文件中 更新一下即可
|
3天前
|
Java
大事件后端项目04-----yml配置信息书写和获取,邮箱如何设计
大事件后端项目04-----yml配置信息书写和获取,邮箱如何设计
|
3天前
|
JavaScript 开发工具 git
大事件项目62------打包发布_dist瘦身
大事件项目62------打包发布_dist瘦身
|
3天前
|
开发工具 git CDN
大事件项目64----打包发布-开发环境不排除第三方包
大事件项目64----打包发布-开发环境不排除第三方包
|
25天前
|
Java Maven Perl
解决Maven父子多模块打包互相引用打包:必须父模块才能打包成功,单个子模块无法打包成功问题(会提示找不到)
解决Maven父子多模块打包互相引用打包:必须父模块才能打包成功,单个子模块无法打包成功问题(会提示找不到)
|
3天前
|
JavaScript CDN
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
|
10天前
|
Android开发
Android Gradle开发—脚本实现自动打包后复制一份APK文件,并修改APK名称,到指定目录作备份
Android Gradle开发—脚本实现自动打包后复制一份APK文件,并修改APK名称,到指定目录作备份
23 0
|
2月前
|
Android开发 芯片
Android源代码定制:移除无用lunch|新建lunch|自定义customize.mk
Android源代码定制:移除无用lunch|新建lunch|自定义customize.mk
55 3
|
2月前
|
JavaScript jenkins Java
Jenkinsfile 脚本放置源码仓库
Jenkinsfile 脚本放置源码仓库
88 0
|
存储 JSON 安全
electron如何自定义目录,修改文件名保存下载的网络文件
很多同学觉得用localstorage可以代替vuex, 对于不变的数据确实可以,但是当两个组件共用一个数据源(对象或数组)时,如果其中一个组件改变了该数据源,希望另一个组件响应该变化时,localstorage无法做到,原因就是区别1。
electron如何自定义目录,修改文件名保存下载的网络文件