首页 > 其他分享 >vite.config.js base 与 vue-router base

vite.config.js base 与 vue-router base

时间:2023-10-11 11:11:06浏览次数:48  
标签:vue hlw js base router vite 页面

vite.config.js
base 决定了打包后,资源引用的前缀

base:'/hlw/'   link ref='/hlw/assets'  打包后的dist要放到 /hlw 路径下
base 的值 与 process.env.BASE_URL、import.meta.env.BASE_URL一致


vue router的base决定了,多页面的访问路径

当vite.config.js 与 router 中的base值不一致时,除根路由外,其他路由要能正常访问,需要输入与router配置的路由一致,才可访问

router中的base只能用绝对路径,即使你使用相对路径,也会解析成绝对路径才能正常访问。如 该项目部署在 /hlw下  router base:'./hlws'。页面地址/hlw能访问html页面,但是不能正常显示 / 对应的路由页面,要正常访问改页面,需输入 /hlws/; 


http-server 在哪个目录启动的,哪个目录就是根

标签:vue,hlw,js,base,router,vite,页面
From: https://www.cnblogs.com/qieting/p/17756573.html

相关文章

  • vue项目个人配置
    src/assets/base.css:root{--html-bg-color:#ffffff;}html.dark{--html-bg-color:#242424;}src/assets/reset.css/***EricMeyer'sResetCSSv2.0(http://meyerweb.com/eric/tools/css/reset/)*http://cssreset.com*/html,body,div,span,......
  • 将Vue3项目部署到Github Pages
    1.创建vue3项目$npminitvue@latest初始化工程,并验证。2.创建github仓库3.连接vue项目到github仓库打开vue项目根目录,初始化本地git仓库$gitinit$gitadd.$gitcommit-m"init"连接vue项目到第二步创建的github仓库$gitremoteaddoriginhttps://gith......
  • Vue3常用库安装
    目录Pinia引入使用ElementPlus安装完整引入Volar支持按需导入-自动导入unocss&Icon安装unocss安装Icon库使用动态引用图标Iconify安装使用Pinia引入//main.tsimport{createPinia,typePiniaPluginContext}from"pinia";const__piniaKey='__PINIAKEY__'typeOpti......
  • Vue3 + Electron
    https://www.electronjs.org/https://www.electron.build/1.创建一个vue3项目可参考之前的笔记2.安装Electron$npminstallelectron-D$npminstallvite-plugin-electron-D根目录下新建electron/index.ts,修改vite.config.ts配置文件//vite.config.tsimport{......
  • jquery.form.js与file文件域、document.domain有冲突
    jquery.form.js的ajaxForm、ajaxSubmit方法无法成功执行回调函数:1.用response.getWriter().out()给客户端打印数据与<scripttype="text/javascript">document.domain="XXX.com";</script>使用jquery.form.js的ajaxForm、ajaxSubmit方法,......
  • struts2+hibernate+spring+jquery返回json List列表
    1.引入包:struts2-json-plugin-2.1.8.1.jarjson-lib-2.1.jarcommons-collections-3.2.1.jarcommons-beanutils-1.8.2.jarcommons-lang-2.4.jarezmorph-1.0.6.jar,其他的包略,这几个包是返回json形式的数据必须的2.<packagename="default"extends="js......
  • threejs CSS2DObject点击事件触发不了
    原因:在three.js  0.13X版本后,上面dom的onclick不会触发,原因是控制器Controls,可以尝试一下去掉控制器,看看dom上的点击事件是否ok letobtControls=newOrbitControls(camera,container); // OrbitControls对页面的事件进行监听,并且阻止穿透 ......
  • Jackson--FastJson--XStream--代码执行&&反序列化
    Jackson--FastJson--XStream--代码执行&&反序列化Jackson代码执行(CVE-2020-8840)影响范围2.0.0<=FasterXMLjackson-databindVersion<=2.9.10.2不受影响版本FasterXMLjackson-databind=2.8.11.5FasterXMLjackson-databind=2.9.10.3漏洞利用POC:Stringjson......
  • 在shell脚本的解析简单的json封装数据
    !/bin/bash执行curl请求并保存结果response=$(curl-shttp://10.190.107.156:8090/odsDown/rySyncUsserAndDept)response的json格式=使用awk解析数据并获取code字段的值code=$(echo$response|awk-F'"code":''{print$2}'|awk-F'[,}]''{pri......
  • js代码片段
    赋值剪切板constcopyToClipboard=(text)=>navigator.clipboard?.writeText&&navigator.clipboard.writeText(text)数组去重constgetUnique=(arr)=>\[...newSet(arr)\]。//测试constarr=\[1,1,2,3,3,4,4,5,5\];console.log(getUnique(......