vue-cli3直接访问dist页面

最新推荐文章于 2024-04-01 17:04:48 发布
原创 最新推荐文章于 2024-04-01 17:04:48 发布 · 992 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #vue-cli #dist

本文介绍如何通过修改vue.config.js文件中的publicPath属性来调整Vue项目的公共路径设置，这对于部署和资源加载至关重要。

vue.config.js文件里直接修改：

module.exports = {

publicPath: './',

}

vue-cli启动本地服务局域网不能访问的原因分析
08-28
主要介绍了vue-cli启动本地服务，局域网下访问不到的原因分析,在文中还给大家介绍了vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问的原因，本文给大家介绍的非常详细，需要的朋友参考下
vue-cli部署打包后的dist
高山景行，一尘不染
08-30 8373
安装express 1、安装node 2、安装express:npm install -g express 3、安装npm install -g express-generator 4、创建一个express工程：express helloworld 5、进入项目主目录：cd helloworld 6、安装必备包：npm install 7、启动express程序：npm start...
vue vue3直接运行dist打包文件
最新发布
qq_44871531的博客
04-01 1570
【代码】直接运行dist打包文件。
vue-cli 3.x 修改dist路径和在本地查看方法
weixin_30699463的博客
10-19 353
打包文件路径问题 需要在项目的根目录添加一个vue.config.js。在这个文件中，我们可以进行一些个性化定制。 module.exports = { // 基本路径 baseUrl: './', // 输出文件目录 outputDir: 'dist', // 生产环境是否生成 sourceMap 文件 productionSourceMap: false, // 服务器端口号 ...
vuecli3直接在本地打开dist文件中的index.html出现白屏的问题
六六的小帅的博客
07-14 1609
这个问题在vuecli官方文档中有提及 主要看背景为黄色的部分，意思就是一般情况下是不能在本地访问的，要通过http服务器才可以。 首先应该把生成的dist文件夹单独拿出来，然后在文件所在的路径操作命令 第一步：现在dist文件目录下输入 npm install -g serve 第二步：再输入serve 第三步：会出现可以访问的网址，直接在浏览器中输入就可以直接...
如何本地打开vue3+vite+ts项目打包的dist文件夹下index.html进行把玩
洋茄子炒鸡蛋的博客
08-10 6812
最近做一个vue3+vite3+ts的项目，配置了多入口页面，想不通过部署到服务器的方式在本地看一下打包后的效果。
vue-cli 3.x 修改dist路径的方法
12-11
一些牢骚 前端的世界真的太奇妙，更新速度真的跟火箭一样。...最近在一个项目中，将vue-cli更新到了最新版的3.x。同时webpack也更新到了4.x。webpack4在一些配置上有了很大一部分的精简。据说是受到了最近
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
08-27
Vue CLI 是一个基于 Vue.js 的命令行工具，用于快速搭建 Vue 项目。它简化了项目的配置，提供了预设（preset）来快速初始化项目。在本文中，我们将详细讲解如何使用 Vue CLI 构建项目，以及如何在项目中使用 axios、...
详解项目升级到vue-cli3的正确姿势
12-02
在将项目从旧版本的 Vue CLI 升级到 Vue CLI 3 时，需要遵循一定的步骤以确保顺利过渡。以下是升级过程中可能遇到的关键知识点和解决方案： 1. **创建新项目并迁移源码**： - 首先，创建一个新的 Vue CLI 3 项目，...
vue-cli 为项目设置别名的方法
12-13
1.使用场景：在项目开发过程中经常需要引入各种文件，例img，css，js等，我们可以在vue-cli中给不同目录设置别名，方便我们使用 2.vue-cli 2x 配置 // 在 webpack.base....3.vue-cli 3x 配置 // 在根目录下创建vu
关于vue-cli3打包代码后白屏的解决方案
01-19
最近使用了vue-cli3.0 开发了一个移动网页端项目，准备打包发布了。按照以往的流程 npm run build 问题来了 打开 dist index.html 文件发现白屏。打开调试后 发现文件引用路径不对 根据以往的经验 根目录下新建 vue....
vue从入门到出门。cli3搭建VUE访问自己的功能页面
furenqiang的博客
07-20 1284
1.cli3搭建vue项目。具体步骤按照原博主即可：cli3快速搭建vue 2.导入idea,执行npm install,下载所需要的依赖包 3.双击serve，访问地址，默认访问vue.app 4.如下图位置，main.js文件。更换启动后，你需要默认访问的页面 ...
Vite构建的Vue3项目打包后dist文件夹放Nginx服务器访问添加上下文路径
成长之路
07-11 4182
Vue3项目打包后如何添加访问路径，vite.config.ts、Nginx如何配置
解决Vue3项目打包后dist中的index.htm无法用浏览器直接打开
普通人一枚
12-09 4095
创建一个服务器来访问资源（最简单了，不过要有环境，普通电脑还是不行，其他方式参考其他帖子）：可以打开浏览器在localhost:8080中查看了，访问成功！
vue-cli3打包上线时遇到的坑（打包后页面空白、接口404、进入二级页面刷新404）
Echo的博客
06-15 5219
前言:     刚开始以为打包上线挺简单的，不就是 cnpm run build 打包然后把代码往服务器一扔吗。但是打包后发现遇到了各种问题，首先就是页面空白的问题，页面空白有两个原因，第一个是因为路径找不到造成的页面空白，第二个是渲染问题。其次就是后台接口404错误。在这里，我会建一个新的vue3项目，来重新走一遍打包时遇到的坑。 vue-cli3打包上线后页面空白 vue-c...
解决vue3打包之后dist文件夹下index.html不显示的问题
qq_45079530的博客
03-02 4371
1、当我用vue3的脚手架生成一个项目，npm run build打包成功之后，结果却显示出了空白页，按f12检查了一下报错，如图所示： 说是我的js文件和css等文件的路径找不到，网上搜索发现是因为vue-cli3简洁了许多，没有了配置文件，默认公共路径是'/'，所以需要自己创建配置文件去更改路径，配置文件只能在项目的根目录下创建（跟src文件平级），并且文件的名字只能是vue.config.js，然后在这个文件里面加上下面的代码即可： module.exports = { public
前端错误总结
qq_57919779的博客
11-24 3251
前端错误总结
vue 打包的dist本地访问
背着电脑走江湖的博客
10-13 1304
npm run build 打包 然后有一个dist 文件 然后在全局安装serve这个服务，npm install -g serve 然后进入 dist 文件 运行 seven 就可以运行了
使用vue-cli3开发Chrome插件全攻略
"这篇文章主要介绍了如何使用vue-cli3来开发Chrome插件，通过vue-cli-plugin-chrome-ext插件实现快速编译打包，并引入了element-ui作为UI框架进行按需加载，以减小插件的文件大小。" Vue CLI 3 是 Vue.js 官方提供...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值