程序员经验分享-hwhale

vue打包项目部署到二级目录

2023-05-16

一、分析为什么将vue打包后的文件放到二级目录页面会是空白？

首先，假设这样一个情景，我们想www.domain.com/yunnan二级目录来访问我们的页面。

然后，在没有做任何配置下，打包的文件扔到yunnan下；

此时目录结构如下：

/www

   |-----/yunnan

   　　　|-----assets

　　　   |-----index.html

我们页面访问是空白的原因就是因为打包后的文件是从根目录开始找的，也就是会在www下面去找资源文件，

而我们的资源文件是在yunnan文件夹中。

二、解决办法

解决步骤很简单：

step1：在vue.config.js中配置生产环境下的baseUrl

配置publicPath目的：当成一个虚拟目录，其实就是在资源前面加一个目录。

step2：配置路由的base

配置base的目的就是让所有资源通过这个路径来访问。默认是/

 配置完成之后：

 

转载于:https://www.cnblogs.com/lewis-messi/p/11043546.html

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

打包项目部署到二级目录

vue打包项目部署到二级目录 的相关文章

随机推荐

  • 一致哈希算法详解以及实现

    consistent hashing 是一种 hash 算法 xff0c 简单的说 xff0c 在移除 添加一个 cache 时 xff0c 它能够尽可能小的改变已存在 key 映射关系 xff0c 尽可能的满足单调性的要求 1 环形结构

  • 串行通讯 起始、数据、奇偶和停止位等

    串行接口是一种可以将接受来自CPU的并行数据字符转换为连续的串行数据流发送出去 xff0c 同时可将接受的串行数据流转换为并行的数据字符供给CPU的器件 一般完成这种功能的电路 xff0c 我们称为串行接口电路 数据转换是指数据的串并行转换

  • Flask 中的 特殊装饰器before_request/after_request

    before request 在请求收到之前绑定一个函数做一些事情 after request 每一个请求之后绑定一个函数 xff0c 如果请求没有异常 teardown request 每一个请求之后绑定一个函数 xff0c 即使遇到了异

  • php curl 采集 类库,PHP采集相关教程之一：CURL函数库

    CURLOPT SSL VERIFYPEER xff1a FALSE to stop cURL from verifying the peer 39 s certificate Alternate certificates to verif

  • git分支/标签操作

    git分支类似于某一个模块 xff0c 等到所有模块开发完毕时 xff0c 最后聚合在一起形成一个项目 而分支之间一般是不会受影响的 git 分支的基本操作 xff1a git branch branchname 表示创建分支 xff0c

  • Ascii码 、16进制与 char

    对于一个非计算机专业出身的人 xff0c 以前只知道计算机中所有的数据都是以二进制形式进行存储 xff0c 计算 xff0c 通信的 但是人类文明中 xff0c 主要的信息展现以文本的形式展现的 如果使用内存中的0和1来表示文本一直都是一个

  • 国内外知名PT站点最全汇总，含各站内截图及站点链接【转载】

    转自百度空间 xff0c 转载请注明出处 xff0c 谢谢 原帖地址 xff1a http hi baidu com aa23604303 blog item ed2b8d655a7012f9f636546b html xff08 国内 x

  • 第十一周作业

    这个作业属于哪个课程c语言程序设计 II这个作业要求在哪里c语言作业评价标准我在这个课程的目标是学习递归这个作业在那个具体方面帮助我实现目标递归的调用参考文献教材 lt font size 61 39 39 6 34 gt 选择题 2 1

  • 字节序转换与结构体位域（bit field）值的读取 Part 2 - 深入理解字节序和结构体位域存储方式...

    上一篇文章讲解了带位域的结构体 xff0c 在从大端机 xff08 Big Endian xff09 传输到小端机 Little Endian 后如何解析位域值 下面继续深入详解字节序 xff0c 以及位域存储的方式 1 我们知道 xff0

  • 串口扩展方案总结

    转载于 xff1a http bource blog 163 com blog static 684392642006102695700 在这里给大家介绍一下串口扩展的常用方法 xff0c 希望会对有需要的朋友提供一点有价值的参考信息 串行

  • sql注入

    sql注入分类 xff1a 基于联合查询 基于错误回显 基于盲注 xff0c 分时间盲注和布尔型的盲注 基于user agent 基于feferer 基于cookie 二次注入 宽字节注入 通过执行等同于将一个表追加到另一个表的操作来组合两

  • Basic Auth（HTTP Auth）

    Basic Auth xff08 HTTP Auth xff09 Basic Auth简单点说明就是每次请求API时都提供用户的username和password 这种方式优点和缺点都很明显 优点 xff1a u 使用非常简单 xff0c

  • 什么是CPU缓存

    一 什么是CPU缓存 1 CPU缓存的来历 众所周知 CPU是计算机的大脑 xff0c 它负责执行程序的指令 xff0c 而内存负责存数据 包括程序自身的数据 在很多年前 xff0c CPU的频率与内存总线的频率在同一层面上 内存的访问速度

  • 月日时分年

    date 43 Y m d 2019 09 29 root 64 a 3e5 lpts 20190910 keyan v0 2 date 43 H M 20 00 转载于 https www cnblogs com xuanbjut p 1

  • CPU缓存是位于CPU与内存之间的临时数据交换器，它的容量比内存小的多但是交换速度却比内存要快得多。CPU缓存一般直接跟CPU芯片集成或位于主板总线互连的独立芯片上...

    一 什么是CPU缓存 1 CPU缓存的来历 众所周知 CPU是计算机的大脑 xff0c 它负责执行程序的指令 xff0c 而内存负责存数据 包括程序自身的数据 在很多年前 xff0c CPU的频率与内存总线的频率在同一层面上 内存的访问速度

  • 初等矩阵的左乘右乘与行列变换的关系

    越是容易基础的东西 xff0c 越容易忘记 xff0c 而且还一时想不明白 xff0c 百度到的一篇文章 xff1a 由矩阵运算来看初等矩阵的左乘右乘所影响到矩阵的行列变换的本质 文章来源 xff1a http blog csdn net

  • 华为交换机 查看 ip和mac对应关系

    IPv4 xff1a display arp IPv6 xff1a display ipv6 neighbors 转载于 https www cnblogs com wangjq19920210 p 10374769 html

  • 【Matlab】正态分布常用函数normpdf_normcdf_norminv_normrnd_normfit

    1 normpdf 功能 xff1a 正态分布概率密度函数 用法 Y 61 normpdf X mu sigma Y 61 normpdf X span class hljs comment mu 61 0 sigma 61 1 span

  • vod_play.html修改播放器页面模板

    这两条js不要丢 xff0c 含在home include html中 xff0c 否则会无法加载播放器 lt script gt var SitePath 61 39 maccms path 39 SiteAid 61 39 maccms

  • vue打包项目部署到二级目录

    一 分析为什么将vue打包后的文件放到二级目录页面会是空白 xff1f 首先 xff0c 假设这样一个情景 xff0c 我们想www domain com yunnan二级目录来访问我们的页面 然后 xff0c 在没有做任何配置下 xff0

热门标签