publicPath: `./`,
时间: 2023-07-13 16:24:43 浏览: 13
`publicPath` 是 `vue.config.js` 中的一个配置选项,用于指定资源的公共路径。在这个例子中,`publicPath` 被设置为 `"./"`,表示资源的公共路径为相对路径,相对于 HTML 页面所在的目录。
默认情况下,Vue CLI 会将资源的公共路径设置为根路径 `/`。如果你希望将资源的公共路径设置为其他路径,可以通过设置 `publicPath` 来实现。例如,如果你希望将资源的公共路径设置为相对路径,可以这样配置:
```javascript
module.exports = {
publicPath: './'
}
```
在构建时,资源的公共路径将会被设置为相对于 HTML 页面所在的目录的路径。在代码中引用资源时,也需要使用相对路径。
相关问题
publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
根据引用\[1\]中提供的信息,你在运行renren-fast-vue前端时遇到了一个报错。报错信息中包含了一个条件判断语句<% if (process.env.NODE_ENV === ‘production’) { %> <% }else { %> <% } %>。你尝试了一些解决方案,其中一个是降低本地的node版本至10.x或以下。
根据你提供的问题,你想了解关于publicPath的设置。publicPath是webpack中的一个配置项,用于指定静态资源的基础路径。根据你提供的代码片段,publicPath的值根据process.env.NODE_ENV的值来确定。如果process.env.NODE_ENV的值为"production",则publicPath的值为"/",否则为"/"。这个配置项的作用是确保在不同环境下正确加载静态资源。
所以,根据你的代码片段,publicPath的设置是根据当前环境来确定的,如果是生产环境,则publicPath为"/",否则为"/"。这样做的目的是为了确保在不同环境下正确加载静态资源。
#### 引用[.reference_title]
- *1* [运行renren-fast-vue报错if (process.env.NODE_ENV === ‘production‘)解决办法](https://blog.csdn.net/u010156553/article/details/119682375)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
vue项目打包之后图片路径由http://localhost:8080/day.png变为http://localhost:8080/day.0348ed.png怎么解决
这是因为在打包后,webpack 会对静态资源进行哈希值处理,以便于缓存。解决方法有两种:
1. 使用相对路径
在模板中使用相对路径引入图片,例如:
```html
<img src="../assets/day.png">
```
这样打包后就不会加上哈希值了。
2. 配置webpack
在 `vue.config.js` 中配置 `publicPath` 和 `filenameHashing`,例如:
```js
module.exports = {
publicPath: './',
filenameHashing: false
}
```
其中,`publicPath` 指定了打包后静态资源的根路径,`./` 代表相对路径;`filenameHashing` 取消了哈希值处理。这样打包后图片路径就不会加上哈希值了。
相关推荐
















