首页 > 其他分享 >使用vscode搭建 vue3 + vite 项目, 部署到服务器 js css文件路径访问不到的问题

使用vscode搭建 vue3 + vite 项目, 部署到服务器 js css文件路径访问不到的问题

时间:2023-05-14 17:37:19浏览次数:45  
标签:vscode 路径 js css vue3 vite

使用vscode搭建vue3 + vite项目,本地没有问题,build后部署到服务器, 默认访问的是域名下的js css文件,导致 相对路径无法访问到。

在vite.config.js中添加  :base: "./"  后就可以了。

原因:默认的是  "/",   而我部署的路径是 : /其他路径/项目名/dist/  ,所以 把base 改为 ./ 后就可以正常访问了。

 

 

标签:vscode,路径,js,css,vue3,vite
From: https://www.cnblogs.com/maohuidong/p/17399692.html

相关文章

  • mysql8之json/数组的增删改查
    前言,类型必须是json,虽然text也可以,但是很多操作没法使用,比如查询,当然了,这种类型还可以存储数组类似varchar,设置JSON主要将字段的type是json,不能设置长度,可以是NULL但不能有默认值。创建jsonjson_array创建json数组json_object创建json对象查询jsonjson_contain......
  • MySQL8JSON数组函数之json_array_append、json_array_insert
    json_array_append、json_array_insert顾名思义就是向数组中追加和插入值,因为没有找到合适的例子,所以就使用官方的例子进行说明1、json_array_append向指定的位置后追加值,查询和修改的函数如下所示:updatetest_jsonsettest_json_array=json_array_append(test_json_array,......
  • babylon.js 学习笔记(1)
    简单来说,babylon.js是一个能跑在浏览器上的(3D)游戏渲染引擎,而且官方提供了一个友好在线交互学习平台Playground,其开源项目在github上star数截止2023.05.14高达20.6K。下面是官方文档的学习笔记:一、helloworld强烈建议新手通过Playground在线体验,先来看第1个示例:核心代码如......
  • mysql8 json 索引总结
    表结构如下所示:CREATETABLE`test_json`(`id`bigintNOTNULLAUTO_INCREMENT,`name`varchar(32)NOTNULL,`age`intNOTNULL,`test_json_array`jsonNOTNULL,`test_json_object`jsonNOTNULL,`test_json_array_object`jsonNOTNULL,`custinfo......
  • MySQL8之JSON_OVERLAPS、JSON_CONTAINS
    表结构如下所示:CREATETABLE`test_json`(`id`bigintNOTNULLAUTO_INCREMENT,`name`varchar(32)NOTNULL,`age`intNOTNULL,`test_json_array`jsonNOTNULL,`test_json_object`jsonNOTNULL,`test_json_array_object`jsonNOTNULL,`custinfo......
  • MySQL8版本之json_keys、json_object、json_overlaps、json_pretty
    CREATETABLE`test_json`(`id`bigintNOTNULLAUTO_INCREMENT,`name`varchar(32)NOTNULL,`age`intNOTNULL,`test_json_array`jsonNOTNULL,`test_json_object`jsonNOTNULL,`test_json_array_object`jsonNOTNULL,`custinfo`jsonDEFAU......
  • vscode安装_扩展安装
    下载VSCode官方下载地址:https://code.visualstudio.com/VSCode历史版本下载地址:https://code.visualstudio.com/docs/supporting/faq#_previous-release-versionswindows系统可以下载zip包(直接解压就能用)如果不是zip就跟其他软件一样的放水进行安装安装插件1、在线......
  • 麻雀搜索算法(SSA)文章复现(改进Tent混沌初始化+改进Tent混沌扰动+高斯扰动)——CSSA。
    麻雀搜索算法(SSA)文章复现(改进Tent混沌初始化+改进Tent混沌扰动+高斯扰动)——CSSA。复现内容包括:改进算法实现、23个基准测试函数、改进策略画图分析、文中三种混沌图分析、与SSA对比等。代码基本上每一步都有注释,非常易懂,代码质量极高,便于新手学习和理解。YID:1959668618......
  • 结合vue2+highchartsjs技术,实现信号分析中的频谱瀑布图、星座图、眼图和声音波形图
    先看效果:总的来说,web端比传统桌面端资源更多一些,是未来学习的趋势。相关的资料在网上都能找到,这里就不提供源码了。......
  • css条件选择器has,给layui必填表单的label增加红色星号
    使用lay-reqtext而不应lay-verify或者lay-verify="required",是为了防止 lay-verify="required|monolog"和lay-verify=“自定义验证规则”(有时候不是必填项,但是填写以后要检查格式)。.layui-form-label:has(+divinput[lay-reqtext]):has条件选择器,括号里是选择条件,+div兄弟元......