安阳到濮阳,如何优化网站到首页优化,汽车用品网站建设,高端网站建设的价格文章目录 前言一、修改vite.config.js二、配置文件资源/路径提示三、测试打包参考文章资料获取 前言
博主介绍#xff1a;✌目前全网粉丝3W#xff0c;csdn博客专家、Java领域优质创作者#xff0c;博客之星、阿里云平台优质作者、专注于Java后端技术领域。
涵盖技术内容/路径提示三、测试打包参考文章资料获取 前言
博主介绍✌目前全网粉丝3Wcsdn博客专家、Java领域优质创作者博客之星、阿里云平台优质作者、专注于Java后端技术领域。
涵盖技术内容Java后端、大数据、算法、分布式微服务、中间件、前端、运维等。
博主所有博客文件目录索引博客目录索引(持续更新)
视频平台b站-Coder长路 一、修改vite.config.js
增加如下两个配置 详细配置内容如下
import { defineConfig } from vite
import vue2 from vitejs/plugin-vue2// https://vitejs.dev/config/
export default defineConfig({base: ./, // 打包的静态资源引用路径plugins: [vue2()], // 放插件用的resolve: {alias: {: /src // 配置/提示符}},
})二、配置文件资源/路径提示
在一种我们已经配置了resolve.alias也就是路径别名配置。
应用场景在src目录下创建assets目录文件夹
。
接着我们来在vue中进行使用
!-- 引入方式 --
img src/assets/image/logo.png alt成功访问。 三、测试打包
执行vite的打包命令
npm run build:prod打包效果 成功访问 参考文章
[1]. vue2/3解决项目打包后本地图片等资源找不到的问题] 资料获取
大家点赞、收藏、关注、评论啦~
精彩专栏推荐订阅在下方专栏
长路-文章目录汇总算法、后端Java、前端、运维技术导航博主所有博客导航索引汇总开源项目Studio-Vue—校园工作室管理系统(含前后台SpringBootVue)博主个人独立项目包含详细部署上线视频已开源学习与生活-专栏可以了解博主的学习历程算法专栏算法收录
更多博客与资料可查看获取联系方式文末获取开发资源及更多资源博客获取
