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

最新推荐文章于 2024-08-16 13:59:29 发布
最新推荐文章于 2024-08-16 13:59:29 发布
阅读量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
vite学习教程03、vite+vue2打包配置
最新发布
每个人都是独一无二的，把握好自己的节奏，跟着自己的心走。
10-05 1096
本文介绍了如何通过修改`vite.config.js`来优化Vite项目的配置。首先，增加了基础路径和插件配置，使用`defineConfig`来定义项目配置，并通过`vue2`插件支持Vue 2。接着，配置了路径别名`@`指向`/src`，使得在项目中可以方便地引用资源。文章还展示了如何在Vue组件中使用路径别名来引入资源，并执行打包命令`npm run build:prod`来测试打包效果。最后，提供了参考文章链接，帮助读者解决项目打包后资源找不到的问题。
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 1079
【代码】vue.config.js 配置 (代理、打包静态文件路径、文件大小配置)
Vue打包后访问静态资源路径问题
10-16
Vue打包后访问静态资源路径问题的核心在于理解生产环境和开发环境的不同，以及正确配置静态资源的引用路径。通过修改`assetsPublicPath`、使用绝对路径、`require`引入或设置`publicPath`，可以有效解决这个问题。在...
解决Vue打包之后文件路径出错的问题
08-27
总结来说，解决Vue打包后文件路径出错的问题，关键在于理解Vue CLI或Webpack的打包机制，并针对性地修改配置文件。通过调整`assetsPublicPath`和处理CSS加载器的配置，可以有效地解决大部分静态资源的路径问题，确保...
解决vue项目打包后提示图片文件路径错误的问题
08-27
第一种方法是修改 `config/index.js` 文件中的 `build` 模块，将默认的 `assetsRoot` 和 `assetsSubDirectory` 改为 `static`，将 `assetsPublicPath` 改为 `./`，从而将静态文件目录改为 `static`，静态路径改为...
vue项目打包后也能配置静态资源路径
weixin_39752673的博客
05-15 659
打包后config.json在打包目录的根目录下，而且可修改。为了确保正确赋值，需要watch一下config的值再赋值。
vue-cli3.0如何在打包时设置静态资源目录？
duansamve的博客
06-18 2315
vue-cli3.0如何在打包时设置静态资源目录？
vue打包路径和服务器配置
m0_67593693的博客
06-27 1575
【代码】vue打包路径和服务器配置。
vue3+vite打包配置，绝对路径改相对路径，更改静态资源目录
热门推荐
vayne_1的博客
05-26 2万+
vue3+vite打包配置，绝对路径改相对路径，更改静态资源目录
vue打包路径和服务代理配置
c587846464的博客
06-12 677
首先在 vue 的项目下面 新建一个 vue.config.js 该文件夹和src是同级的文件夹。
vue项目打包时如何将静态文件打包到一个单独的文件夹
phplife的电子商务网上商城专栏
09-17 3185
vue项目打包时如何将静态文件打包到一个单独的文件夹
解决vue打包后静态资源路径错误的问题
2401_84435555的博客
04-27 2043
页面中引入资源的方式往往有如下几种* HTML标签中直接引入图片， 如* JS代码中定义资源路径属性，如* CSS代码中定义资源为背景图片，如上述三种资源加载方式还是有所区别的。前两种无论图片大小，都会使用url-loader加载器将其转化为base64编码的静态资源，而第三种方式则会根据webpack中配置的limit参数，动态选择符合大小要求的图片进行转码，此时则会导致不符合大小选择的图片加载失败，同时报出如下错误。
干货满满，解决vue打包后静态资源路径错误的问题，3个月学会前端开发
2401_83739434的博客
04-08 1267
2.保证资源转码条件符合。这块主要涉及到加载用到的加载器url-loader, 需要保证其配置可执行。打开build目录下的webpack.base.conf.js看代码：.*)?$/,options: {limit: 10000, // 该限制为小于10KB的图片，系统默认转码为base64},
vue项目部署静态资源问题
超美腻的程序媛的博客
08-16 364
所以我们就绪要对当前项目 进行打包 就是把项目编译成 html css js 方便我们把项目放到服务器上也方。但是 我们所写的项目今后是需要上公网让用户访问的 所以我们需要把项目放在性能更好的服务器上运行。大家在运行的时候我们是需要用内置的devServer帮助我们自动项目 开发过程中没有问题。1.npm run build命令打包 但是会发现打包之后资源路径有问题。还有就是 我们所写的是.vue文件 浏览器不认识 没有办法直接解析。2.修改静态资源路径 publicPath。3.修改路由模式为hash。
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、付费专栏及课程。

余额充值