vue.config.js中public是什么意思？

最新推荐文章于 2024-03-01 09:25:30 发布
最新推荐文章于 2024-03-01 09:25:30 发布
阅读量492 收藏 1
点赞数 1
分类专栏： 前端 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42931285/article/details/124958934
版权

默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.my-app.com/my-app/，则设置 publicPath 为 /my-app/

意思这样的，默认我们打包的dist文件夹是放在服务器根域名下的。
但有时候我们放在服务器下myapp文件夹下，这时候/ 取到的是根目录，/myapp/ 进入到之前的dist中，这样才能拿到争取的资源。
服务器地址/myapp/ 各种资源

在这里插入图片描述

_处女座程序员的日常
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.config文件里边的publicPath的配置使用
2201_75705263的博客
03-05 4287
如果你的项目里面的静态文件都放在public文件中，那么使用的时候要使用publicPath这个变量，防止打包后静态文件找不到；你需要通过绝对路径来引用它们。因为：任何放置在 public 文件夹的静态资源都会被简单的复制，而不经过 webpack；相当于打包过后的路径上多一个文件夹的名字。
Vue如何访问Public文件夹
热门推荐
汪程序员
05-01 1万+
说明 为什么需要访问Public文件夹的内容？ 一般都是放在assets下面，但是无法实现动态访问，这就造成如果你要动态加载一个图片或者视频是不行的。 比如：我现在把testHuawei.mp4放在assets文件夹下面，那么他会被打包，这时候，运行，你找到这个图片，它的路径为： http://localhost:8081/media/testHuawei.c4367207.mp4 多出一个c4367207（这是内部为了安全），这样你在写代码无法动态加载，因为只要是文件不一样，生成的数值也是不一样。
vue-vue.config.js的配置
qq_35389653的博客
05-17 498
vue.config.js Vue-cli3.x 脚手架创建之后需要手动创建vue.config.js进行配置 请将其放在与pack.config.js同一个目录中。同时会被@vue/cli-service自动加载。 // vue.config.js /** * @type {import('@vue/cli-service').ProjectOptions} */ module.exports = { // 选项... publicePath: '/', // 部署应用包的基本url,
关于VUE 配置文件config详解内容
Oo_Nebula的博客
07-26 2393
/if(process.env.NODE_ENV==='production'){//为生产环境修改配置...process.env.NODE_ENV!=='development'//单页插件相关配置https//github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa。////target'http//127.0.0.18080',//目标地址。...
vue.config配置解读
Wancc123的博客
04-25 1730
vue.config.js 是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。下面是 vue.config.js 中的所有配置项及其解释：（太多找不着，按 ctrl + F 进行全局搜，搜不到的评论艾特我，我进行补充）publicPathoutputDirassetsDirindexPathpagesintegritydevServerproxy。
vue.config.js完整配置-超详细
05-26
在 Vue 项目中，`vue.config.js` 文件是一个可选的配置文件，它允许开发者自定义项目的各种设置，以满足特定需求。这个文件通常位于项目的根目录下，如果使用了 `@vue/cli` 创建的项目，那么在初始化时该文件可能不...
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
01-21
1.在vue项目根目录下新建vue.config.js（不是在src下面） vue.config.js配置文件： module.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // eslint-loader...
如何配置vue.config.js 处理static文件夹下的静态文件
01-19
最近开发过程中遇到个小需求，需要根据需求动态配置一些静态数据，但我不想直接把这个静态文件引入进来，build时就会把数据打包到js文件中，造成js文件很大；呃呃。。。。（ps:就想给自己找点别扭） 回头看一下项目...
vue-cli3中vue.config.js配置教程详解
10-16
这时，`vue.config.js` 文件就派上了用场。本文将详细介绍 `vue.config.js` 的配置选项及其用法。 `vue.config.js` 是 Vue CLI 3 的配置文件，位于项目的根目录下。当需要覆盖默认的 Webpack 配置时，我们可以通过...
Vue CLI4 Vue.config.js标准配置(最全注释)
11-20
Vue CLI4 的 `Vue.config.js` 文件是项目配置的核心，它允许开发者自定义 Webpack 配置，以满足项目的特殊需求。在这个配置文件中，我们可以看到一些常见的设置，包括公共路径、输出目录、静态资源目录以及开发和...
vue中public的用法详解
KingRules的博客
11-16 8323
首先要说的是，piblic属于用于存放公共js文件夹，在index.html中用script标签引入（一定要用原生的引入，不然打包可能会出错！！），在需要的页面使用就可以了，具体如下： 第一步建立文件夹 第二步js文件内容 第三步在index。html中引入 第四步直接拿js中的stylejson数据就可以了 ...
关于vue打包时config.js文件中publicPath设置问题
jidaotianzun的博客
07-14 1167
vue的config.js设置问题
vue 获取url地址的参数_vue.js 多种打包场景的配置
weixin_39747568的博客
11-20 465
一. 认识 vue.js 中的webpack 配置文件vue.js 开发环境与正式打包是两个 webpack 配置文件处理的。 这两个配置文件，作为开发者大佬肯定不陌生， 但是对于刚刚入门vue.js 的朋友们，肯定有些疑惑， dev配置文件，则是开发时的配置文件， prod 是打包时的文件。 还有一个 webpack.base.conf.js 文件则是公用的配置， 这里不过多解释 ， vue.j...
vue前端开发中，通过vue.config.js配置和nginx配置，实现多个入口文件的实现方法
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
03-01 3554
由于vue为单页面项目，通过控制组件局部渲染，main.js是整个项目唯一的入口，整个项目都在一个index.html外壳中。若项目过大，会造成单页面负载过重；同时，多页面利于模块独立部署。
自己搞得webpack, 打包路徑有問題，less引入静态资源打包后publicPath会自动添加补全，但是js中引入的资源没有被添加补全，解决方案如下
tangdou369098655的博客
03-22 567
1. 原版的less引用静态资源方法 @color: red; body { background: #020929; // div{ // color: @color; // transition: all 2s; // } // background: url('./assets/img/mya.png'); .panel { border: 0; width: 400px; font-size: 30px; line-height:
vue.config.js
qq_41988669的博客
08-21 1650
默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。例如，如果你的应用被部署在 https://www.my-app.com/my-app/, 则设置 publicPath 为 /my-app/。默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存。‘./’ : ‘/’这个会值也可以被设置为空字符串（”“）或是相对路径（”./"), 这样所有的资源都会被链接为相对路径，这样打出来的包可以被部署在任意路径。
Vue-cli3 通过配置 public 目录下的 config.js 和config.json 实现一次编译，修改生效
u014212540的博客
11-21 4056
Vue-cli3 通过配置 public 目录下的 config.js 和config.json 实现一次编译，修改生效
Vite2+Vue2 配置vite.config.js增加资源路径前缀
yh0016的博客
05-07 4126
配置选项指定要复制到构建输出目录的公共资源目录，这些资源包括 index.html 文件、静态资源文件、图标文件等。但是，Vite 默认情况下不支持类似 Vue CLI 中的。想要在打包后html文件的资源路径添加前缀，但是之前的Vue CLI 是使用。选项，这意味着所有静态资源的引用路径都将是相对路径。在当使用 Vite 打包应用程序时，可以使用。没有效果，打算在打包后使用脚本来自动添加。
vue.config.js publicPath "./" npm run build无效的原因
diqigou2000的博客
09-30 8273
outputDir assetsDir indexPath必须填 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: "dist", assetsDir:"static", indexPath:'index....
什么是vue.config.js文件？
最新发布
03-08
vue.config.js文件是Vue项目的配置文件，它用于配置Vue项目的各种构建和开发选项。通过修改vue.config.js文件，我们可以自定义Vue项目的行为和功能。 在vue.config.js文件中，我们可以配置一些常见的选项，例如： 1. publicPath：指定项目的基本URL路径，用于部署到服务器时的路径配置。 2. outputDir：指定打包后的文件输出目录。 3. devServer：配置开发服务器的选项，例如端口号、代理等。 4. css：配置CSS相关的选项，例如是否开启CSS source map、是否提取CSS等。 5. chainWebpack：通过webpack链式操作修改内部的webpack配置。 除了上述选项，vue.config.js文件还可以配置很多其他选项，以满足不同项目的需求。通过修改这个文件，我们可以对Vue项目进行更加灵活和个性化的配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值