解决vue-cli的打包图片路径错误-js教程-PHP中文网

首页

web前端

js教程

解决vue-cli的打包图片路径错误

php中世界最好的语言

Apr 16, 2018 pm 03:02 PM

vue-cli图片路径

这次给大家带来解决vue-cli的打包图片路径错误，解决vue-cli打包图片路径错误的注意事项有哪些，下面就是实战案例，一起来看一下。

最近第一次使用vue-cli构建项目，第一次打包部署到服务器上的时候出现图片加载不出来，结合网上的方法，终于给摸索出来。将项目部署到服务器上分为两种：一种是直接部署到服务器的根目录，另外一种是部署到服务器的子目录下

1.我们首先来说部署到根目录下就是比如：www.****.com

找到项目中config文件夹下的index.js文件

将文件中的assetsPublicPath: '/',改成如下方框这样。

这样的目的是将绝对路径改成相对路径

如果放在根目录下，这样就可以了

2.放在子目录下如：www.***.com/community/dist

分为两步第一步和上面的一样

用npm run build命令打包完之后，就将dist文件放到community文件夹下，这样图片就可以显示出来了。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

node操作文字生成图片

AngularJs用户登录时交互及验证步奏详解

以上是解决vue-cli的打包图片路径错误的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

主题背景位于 Windows 11 中的什么位置？Aug 01, 2023 am 09:29 AM

Windows11具有如此多的自定义选项，包括一系列主题和壁纸。虽然这些主题以自己的方式是美学，但一些用户仍然想知道他们在Windows11上的后台位置。本指南将展示访问Windows11主题背景位置的不同方法。什么是Windows11默认主题背景？Windows11默认主题背景是一朵盛开的抽象宝蓝色花朵，背景为天蓝色。这种背景是最受欢迎的背景之一，这要归功于操作系统发布之前的预期。但是，操作系统还附带了一系列其他背景。因此，您可以随时更改Windows11桌面主题背景。主题背景存储在Windo

如何修复错误：在Java中找不到或加载主类Oct 26, 2023 pm 11:17 PM

由于技术错误，无法播放此视频。（错误代码：102006）本指南提供了针对此常见问题的简单修复，并继续您的编码之旅。我们还将讨论Java错误的原因以及将来如何防止它。什么是Java中的“错误：找不到或加载主类”？Java是一种强大的编程语言，使开发人员能够创建广泛的应用程序。然而，它的多功能性和效率伴随着开发过程中可能发生的一系列常见错误。其中一个中断是错误：找不到或加载主类user_jvm_args.txt，当Java虚拟机（JVM）找不到主类来执行程序时会出现这种情况。此错误充当了障碍，甚至在

斜杠和反斜杠在文件路径中的不同使用Feb 26, 2024 pm 04:36 PM

文件路径是操作系统中用于识别和定位文件或文件夹的字符串。在文件路径中，常见的有两种符号分隔路径，即正斜杠（/）和反斜杠（）。这两个符号在不同的操作系统中有不同的使用方式和含义。正斜杠（/）是Unix和Linux系统中常用的路径分隔符。在这些系统中，文件路径是以根目录（/）为起始点，每个目录之间使用正斜杠进行分隔。例如，路径/home/user/Docume

Win11系统中“我的电脑”路径有何不同？快速查找方法！Mar 29, 2024 pm 12:33 PM

Win11系统中“我的电脑”路径有何不同？快速查找方法！随着Windows系统的不断更新，最新的Windows11系统也带来了一些新的变化和功能。其中一个常见的问题是用户在Win11系统中找不到“我的电脑”的路径，这在之前的Windows系统中通常是很简单的操作。本文将介绍Win11系统中“我的电脑”的路径有何不同，以及快速查找的方法。在Windows1

如何查找Linux系统中RPM文件的存储路径？Mar 14, 2024 pm 04:42 PM

在Linux系统中，RPM（RedHatPackageManager）是一种常见的软件包管理工具，用于安装、升级和删除软件包。有时候我们需要找到某个已安装的RPM文件的存储路径，以便进行查找或者其他操作。下面将介绍在Linux系统中如何查找RPM文件的存储路径，同时提供具体的代码示例。首先，我们可以使用rpm命令来查找已安装的RPM包及其存储路径。打开

Linux内核源代码存放路径解析Mar 14, 2024 am 11:45 AM

Linux内核是一个开源的操作系统内核，其源代码存储在一个专门的代码仓库中。在本文中，我们将详细解析Linux内核源代码的存放路径，并通过具体的代码示例来帮助读者更好地理解。1.Linux内核源代码存放路径Linux内核源代码存储在一个名为linux的Git仓库中，该仓库托管在[https://github.com/torvalds/linux](http

Python 3.x 中如何使用os.path模块获取文件路径的各个部分Jul 30, 2023 pm 02:57 PM

Python3.x中如何使用os.path模块获取文件路径的各个部分在日常的Python编程中，我们经常需要对文件路径进行操作，例如获取路径的文件名、文件目录、扩展名等等。在Python中，可以使用os.path模块来进行这些操作。本文将介绍如何使用os.path模块来获取文件路径的各个部分，以便更好地操作文件。os.path模块提供了一系

在JavaFX中，有哪些不同的路径元素？Aug 28, 2023 pm 12:53 PM

javafx.scene.shape包提供了一些类，您可以使用它们绘制各种2D形状，但这些只是原始形状，如直线、圆形、多边形和椭圆形等等...因此，如果您想绘制复杂的自定义形状，您需要使用Path类。Path类Path类使用此表示形状的几何轮廓您可以绘制自定义路径。为了绘制自定义路径，JavaFX提供了各种路径元素，所有这些都可以作为javafx.scene.shape包中的类使用。LineTo-该类表示路径元素line。它可以帮助您从当前坐标到指定（新）坐标绘制一条直线。HlineTo-这是表

See all articles