vuecli3打包部署 非根目录下 配置vue.config.js publicPath

摘要:
VueCLI将假设您的应用程序部署在域名的根路径上,例如https://www.my-app.com/ 。 如果应用程序部署在子路径上,则需要使用此选项指定子路径。如果您的应用程序部署在https://www.my-app.com/my-app/,将publicPath设置为/my app/。此值在开发环境中也是有效的。如果要在根路径中设置开发服务器。

从 Vue CLI 3.3 起已弃用baseUrl,请使用publicPath。

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

这个值在开发环境下同样生效。如果你想把开发服务器架设在根路径,你可以使用一个条件式的值:

在vue.config.js文件中添加如下:

module.exports={
  publicPath:process.env.NODE_ENV==='production'?'/production-sub-path/':'/'
}

详情请查阅文档

一起学习,共同进步,欢迎加群交流:186841646

免责声明:文章转载自《vuecli3打包部署 非根目录下 配置vue.config.js publicPath》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Prometheus+grafana监控SpringBoot2应用Kubernetes 存储系统 Storage 介绍:PV,PVC,SC下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

数据可视化之DAX篇(二十四)Power BI应用技巧:在总计行实现条件格式

https://zhuanlan.zhihu.com/p/98975646 如何将表格或者矩阵中值的条件格式也应用于总计行? 目前PowerBI并不支持这种功能,无法在总计行或者小计行上应用条件格式,不过我们可以摸索个变通的方式来实现。 以制作红绿灯效果这篇文章的数据为例: PowerBI小技巧:简单两步实现红绿灯、箭头效果   这个总计行显然没有应用...

nginx配置静态文件服务器的一个特殊需求的探索和分享, nginx处理不同路径返回统一文件,nginx改写,跳转请求.

最近在做一个前后端分离的个人博客,在做自己博客的时候有个想法,本来是打算用nginx作为静态文件服务器使用,django做后端程序. 我的前端页面用vue写的,结果用组件用嗨了,发现页面列表和 详情都是通过切换组件实现的,这样很省代码,但是为了实现下面这种效果的时候遇到了问题: 我要访问url: http://www.liushx.com/artical/...

数据可视化之powerBI技巧(十四)采悟:PowerBI中自制中文单位万和亿

使用PowerBI的时候,一个很不爽之处就是数据单位的设置,只能用千、百万等英美的习惯来显示,而没有我们中文所习惯的万亿等单位,虽然要求添加"万"的呼声很高,但迟迟未见到改进动作,也许中国PowerBI的使用者还不够多吧。 既然微软没有动静,那我们自己动手来设置,下面就来看看如何通过度量值的设置来进行单位切换。 假设进行销售额分析,要求可以动态的选择万元和...

Android pm 命令详解

一、pm命令介绍与包名信息查询 1.pm命令介绍 pm工具为包管理(package manager)的简称 可以使用pm工具来执行应用的安装和查询应用宝的信息、系统权限、控制应用 pm工具是Android开发与测试过程中必不可少的工具,shell命令格式如下: pm <command> 2.包名信息查询 shell模式下: pm list p...

4.qml-ECMAScript(Array对象、Math对象)

在上章学习了:3.qml-ECMAScript_03(Object基类对象、String对象) 本章我们来初步学习Array对象和Math对象. Array数组对象 ECMAScript提供了Array数组对象,并且该Array的元素类型还可以各个不同. 创建空数组: var arr1 = new Array(); var arr2 = new Array...

Lattice Diamond与modelsim联合仿真环境设置

http://blog.csdn.net/pianbing/article/details/71565034  也可参考这里:http://www.cnblogs.com/fhyfhy/p/5557855.html lattice 与 modelsim 仿真 笔记Lattice FPGA开发环境在仿真时可以使用modelsim,相比于Diamond自带的A...