大事件项目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文件中 更新一下即可
|
5月前
|
开发工具
如何修改Vscode查看源代码管理版本变动文件的查看方式
这篇文章介绍了如何在VSCode中通过源代码管理插件修改查看源代码版本变动文件的方式,提供了树形视图和列表视图两种查看方法,并说明了如何通过设置选项来切换查看方式,帮助用户根据自己的喜好更高效地查看和管理代码变动。
如何修改Vscode查看源代码管理版本变动文件的查看方式
|
6月前
|
前端开发 NoSQL JavaScript
若依修改---重新部署项目注意事项,新文件初始化需要修改的地方,打包后的文件很难进行修改,如果想要不断修改项目,注意保存原项目,才可以不断修改,前端:在Vue.config.js文件中修改target
若依修改---重新部署项目注意事项,新文件初始化需要修改的地方,打包后的文件很难进行修改,如果想要不断修改项目,注意保存原项目,才可以不断修改,前端:在Vue.config.js文件中修改target
|
7月前
|
JavaScript 开发工具 git
大事件项目62------打包发布_dist瘦身
大事件项目62------打包发布_dist瘦身
|
7月前
|
开发工具 git CDN
大事件项目64----打包发布-开发环境不排除第三方包
大事件项目64----打包发布-开发环境不排除第三方包
|
7月前
|
JavaScript CDN
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
大事件项目61------打包发布_dist瘦身的分析_把第三方包排除掉换成cdn链接
|
7月前
|
JavaScript
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
|
7月前
|
JavaScript
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保 路径正确,然后再试一次。
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保 路径正确,然后再试一次。
|
8月前
如何从多个文件夹内转移全部文件(忽略文件夹的结构)(进行复制)(再打包)
该文介绍了一个工具的使用方法,用于忽略文件夹结构并合并所有图片。首先,提供了两个下载链接:百度网盘(提取码:qwu2)和蓝奏云(提取码:2r1z)。接着,展示了文件夹内的嵌套结构,包含多层文件夹和兔兔图片。通过打开工具,选择文件批量复制功能,勾选“忽略文件夹结构”和“不存在自动创建”,然后将目标文件夹“1”添加到来源路径。点击开始复制,并在需要时选择打包和删除原文件,最终会得到一个包含所有图片的压缩包。
IDEA 中 project窗口,不显示项目工程目录,解决方法
IDEA 中 project窗口,不显示项目工程目录,解决方法