更改VUE文件打包后静态文件路径

最新推荐文章于 2024-05-15 10:23:01 发布
最新推荐文章于 2024-05-15 10:23:01 发布
阅读量1k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wjw-/p/11542526.html
版权

找到文件路径Config里面的index.js

修改路径：assetsPublicPath: '/aa/'，修改成自己文件访问的路径即可

 

useEslint  有相关报错把值改为false就行了

 

不想产生map的js文件 productionSourceMap 把这个值改为false即可

转载于:https://www.cnblogs.com/wjw-/p/11542526.html

weixin_38166931
关注
vue打包静态资源后显示空白及static文件路径报错的解决
11-19
今天使用vue打包（npm run build）遇到了几个坑，在这里分享给大家 打包之后打开dist的页面显示空白： 这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况 1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。 build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname
vue项目部署静态资源问题
最新发布
超美腻的程序媛的博客
08-16 233
所以我们就绪要对当前项目 进行打包 就是把项目编译成 html css js 方便我们把项目放到服务器上也方。但是 我们所写的项目今后是需要上公网让用户访问的 所以我们需要把项目放在性能更好的服务器上运行。大家在运行的时候我们是需要用内置的devServer帮助我们自动项目 开发过程中没有问题。1.npm run build命令打包 但是会发现打包之后资源路径有问题。还有就是 我们所写的是.vue文件 浏览器不认识 没有办法直接解析。2.修改静态资源路径 publicPath。3.修改路由模式为hash。
Vue 打包静态文件路径设置
果果的博客
10-18 1万+
1、js，css的路径不对  方法：找到 config/index.js，将其中的assetsPublicPath值改为’./’ assetsPublicPath:'./' 2、css中引用的图片资源找不到  方法：找到 build/utils.js，增加一行代码即可： publicPath:"../../" 3、config下的index配置 以上是将文件打包在dist下的guogu...
vue项目设置打包后的静态文件访问路径
start_sea的博客
08-31 1万+
*啰嗦一下：**相同域名下可能会存在两份相关或不相关的代码，需要通过切换文件夹路径进入不同项目时，需要在项目打包输出代码时设置静态文件的访问路径（vue、react都要）。**静态文件访问路径说明：**项目的静态文件访问路径在本地运行和服务器访问是有区别的，默认状态下服务器上的项目代码，访问路径是从服务器根目录开始。vue项目的最终项目文件需要经过打包输出，静态文件的访问路径需要在vue.config.js文件中设置。**H5中的访问设置：**在H5中，静态文件访问路径的区别。...
vue.config.js 配置 (代理、打包静态文件路径、文件大小配置)
libertine的博客
04-04 1041
【代码】vue.config.js 配置 (代理、打包静态文件路径、文件大小配置)
解决Vue打包之后文件路径出错的问题
08-27
总结来说，解决Vue打包后文件路径出错的问题，关键在于理解Vue CLI或Webpack的打包机制，并针对性地修改配置文件。通过调整`assetsPublicPath`和处理CSS加载器的配置，可以有效地解决大部分静态资源的路径问题，确保...
如何修改Vue打包后文件的接口地址配置的方法
10-15
为了方便管理和维护，本文介绍了如何修改Vue打包后文件的接口地址配置。 在常规的Vue项目中，我们可以简单地通过修改配置文件来改变接口地址。具体操作是在项目的config文件夹下找到dev.env.js（开发环境配置）和...
vue cli3.0打包上线静态资源找不到路径的解决操作
10-15
Vue CLI 3.0 是一个基于 Vue.js 的命令行工具...以上就是关于 Vue CLI 3.0 打包静态资源找不到路径问题的解决方法和相关配置知识。确保正确配置 `publicPath` 并理解其他配置项的作用，有助于顺利部署和运行 Vue 项目。
vue项目打包后也能配置静态资源路径
weixin_39752673的博客
05-15 567
打包后config.json在打包目录的根目录下，而且可修改。为了确保正确赋值，需要watch一下config的值再赋值。
vue-cli3.0如何在打包时设置静态资源目录？
duansamve的博客
06-18 2290
vue-cli3.0如何在打包时设置静态资源目录？
Vue打包后访问静态资源路径问题
12-13
Vue介绍中static文件夹里放的是静态资源目录，如图片、字体等。 我们发现运行npm run start后本地图片路径是没问题的，但是打包上传后会怎么样呢？ 我们知道，执行npm run build 后会生成dist文件夹，把里面的index.html在浏览器运行会发现 图片路径出错啦！！！ 解决方法： 1.先找到config下的index.js文件 把最后的’/’ 改为 ‘./’ 2.接着把图片地址改为 以上就是Vue打包后访问静态资源路径问题的相关知识点，感谢大家的阅读和对软件开发网的支持。
vue打包路径和服务器配置
m0_67593693的博客
06-27 1541
【代码】vue打包路径和服务器配置。
vue3+vite打包配置，绝对路径改相对路径，更改静态资源目录
热门推荐
vayne_1的博客
05-26 2万+
vue3+vite打包配置，绝对路径改相对路径，更改静态资源目录
vue打包路径和服务代理配置
c587846464的博客
06-12 659
首先在 vue 的项目下面 新建一个 vue.config.js 该文件夹和src是同级的文件夹。
vue项目打包时如何将静态文件打包到一个单独的文件夹
phplife的电子商务网上商城专栏
09-17 3078
vue项目打包时如何将静态文件打包到一个单独的文件夹
解决vue打包后静态资源路径错误的问题
2401_84435555的博客
04-27 1734
页面中引入资源的方式往往有如下几种* HTML标签中直接引入图片， 如* JS代码中定义资源路径属性，如* CSS代码中定义资源为背景图片，如上述三种资源加载方式还是有所区别的。前两种无论图片大小，都会使用url-loader加载器将其转化为base64编码的静态资源，而第三种方式则会根据webpack中配置的limit参数，动态选择符合大小要求的图片进行转码，此时则会导致不符合大小选择的图片加载失败，同时报出如下错误。
干货满满，解决vue打包后静态资源路径错误的问题，3个月学会前端开发
2401_83739434的博客
04-08 1122
2.保证资源转码条件符合。这块主要涉及到加载用到的加载器url-loader, 需要保证其配置可执行。打开build目录下的webpack.base.conf.js看代码：.*)?$/,options: {limit: 10000, // 该限制为小于10KB的图片，系统默认转码为base64},
vue打包后文件里路径多了./static
05-01
如果你不想在打包后文件的路径中看到./static，你可以通过修改Vue配置文件来实现。具体来说，你可以在build/webpack.base.conf.js文件中找到output.publicPath的选项，将其改为'/'即可。 除此之外，你也可以通过在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值