vuec-cli3打包dist文件下的index本地打开是空白页的问题

最新推荐文章于 2024-03-26 15:57:41 发布
最新推荐文章于 2024-03-26 15:57:41 发布
阅读量447 收藏
点赞数
分类专栏： 笔记 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Savingme/article/details/122281989
版权

我想先吐槽一下，为什么搜出来的所有文章都在给publicPath改成’./’。我是真服了

解决方案，如图

在这里插入图片描述
这是vue-cli3官方给出的文档，明明白白的都写清楚了。
我相信你会点进去细看官方的解释的

结尾

虽然这个文章很短，但希望能帮助到像我这样遇到这个问题的人。

拯救自己的小毛猴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue3知识点5.0脚手架c-li4.5安装vue/两种方式创建vuec-li项目
yangyangdt的博客
12-23 1964
vue3脚手架c-li安装vue/创建vue-cli3项目
搭建vuec-li脚手架项目
OYXL2000的博客
08-19 495
NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题,npm就是前端的Maven。【 若网络不好，则会跳出以下两行代码，敲Y回车或直接回车就可以，网络良好则不会跳出如下两行。5.选中以下三个模块，按上下方向键选择相应的模块，按空格选中或取消选中 ，回车。下载nodejs，文件很小，只有二十几兆，下载后直接安装，一直点下一步即可。下载完成后，win+r并输入cmd打开命令面板，输入。，出现版本号则安装成功，npm也安装成功，输入。
vueC-cli3 测试环境打包js文件配置
小妹的博客
01-13 1357
### vue-cli3 在打包测试环境时js代码不在js文件下的问题， 先说一下我环境的配置 ###### 分别打包三个环境代码 dev test prod ###### 结果在打包测试环境代码时，js被打包至与html同级目录下，虽然这不影响生产环境的打包目录，但是想要打包后的js文件都是存放在js文件目录下，该如何做呢？？？ ######只要在vue.config...
vue-cli4 配置多环境打包
LJJONESEED的博客
08-20 492
1.新建的项目 vue.config.js 可以直接复制 module.exports = { // 基本路径 publicPath: "./", // 输出文件目录 outputDir: process.env.outputDir, lintOnSave: false, devServer: { //启动项目在8080端口自动打开 open: true, port: 8080, proxy: null
【Vue CLI】二、Vue-cli3版本中如何修改打包好的css、js、img文件名
qwertyuiopasdfghjklzxcvbnm
05-06 3744
话不多说上代码。我用的是vueCli3.x，所有的修改全在vue.config.js中： const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const conf = require('./conf/projectConfig'); module.exports = { // 修改打包后js文件名 configureWebpack: { // webpack 配置 output: { // 输出重构 打包编译后.
vue-cli3.0+打包之后生成一个可以修改的配置文件
coder-LeeSir的博客
06-08 2393
因为项目需求，需要在打包之后能更改文件配置接口；所以自己研究了一下。搞定。 1.首先安装generate-asset-webpack-plugin插件: npm install --save-dev generate-asset-webpack-plugin 2.然后在vue.config.js文件里面写配置： // 配置接口输出文件 var GenerateAssetPlugin = require('generate-asset-webpack-plugin'); var createServerCo
vue-cli4下按需加载element-ui遇到的问题
qq_27175079的博客
04-01 2482
看饿了么的官网是是这样写的 但是实际在vue-cli4下面已经存在babel.config.js，内容如下 module.exports = { presets: ["@vue/cli-plugin-babel/preset"] }; 在查找资料的时候发现很多人都是直接把官方的例子的plugins的内容复制进去，而且都实现按需加载了，但是在我这边还是一次就全加载了。 仔细观察别人的例子后发...
vuecli3打包插件（打包组件）为单个js文件。别再用vue init了
热门推荐
henjuewang的博客
09-05 2万+
百度查了一圈全是用废弃的vue-cli 2中的vue init webpack-simple xxx 新建最简模板，还要装个全局桥接工具才能运行，然后该一堆配置实现。 直觉@vue/cli 3中应该有一定的办法，在文档里翻了半天发现只要build时加参数就行。。 官网文档链接 1.打包为库 通过命令： npm run build --target lib --name myLib [entry] ...
Vue-cli新建工程以及报错处理
最新发布
黔肆的博客
03-26 369
使用vue-cli新建工程步骤和可能会遇到的问题：1.安装vue-cli和webpack 2.脚本执行策略受限 3.缺少cli-init命令
vue-cli 图片打包成base64的大小限制配置文件件 vue.config.js
11-17
vue-cli 图片打包成base64的大小限制配置文件件 vue.config.js
贝岭的matlab的代码-bellevue:belle::vueC++与WebAssembly中的HTML5UI
06-16
文件编译、依赖和使用 WebAssembly 轻松构建。 : 将任何 C++ 函数绑定到 Javascript Host API。 ：跨平台和浏览器中的 HTTP 请求 ：HTML5 Dom 访问，HTML5 视图引擎。 : WebServer, Websocket Observables 数据类型 ...
vuepack：在NPM软件包中发布.vue文件
01-31
VuePack 实验：请勿在生产中使用。 标准化.vue组件的工具，因此它们可以按.vue发布在NPM软件包中。 用法 npm install -g vuepack vuec -h
vue-container-Vue 2的简单依赖项注入库。-Vue.js开发
05-27
Vuec Vue容器-用于Vue 2的简单IoC容器警告：我自己不再使用Vuec，并且我几乎没有时间维护Vuec。 I Vuec Vue容器-用于Vue 2的简单IoC容器警告：我自己不再使用Vuec，并且我几乎没有时间维护Vuec。 如果您有兴趣接管该...
vue 使用localstorage实现面包屑的操作
01-21
mutation.js代码： changeRoute(state, val) { let routeList = state.routeList; let isFind = false; let findeIdex = 0; //菜单栏和下拉的二级菜单 if (val['type'] == 'header' || val['type'] == '...
浅显易懂的PCA（主成分分析），没有繁杂的矩阵公式
Savingme的博客
08-16 3457
第一步 给出一个二维数据： 通过计算各点到轴的平均长度，定位原点，下图中，蓝色的X既是后面要用到的原点。 第二步，寻找拟合线 在原点处随意绘制一条直线，然后计算各点投影到该线上的距离的平方和，然后不断旋转该线，直至投影的平方和最大为止，如图，d1,d2分别是投影后的距离长度。此处把这条拟合线称为PC1。 第三步，通过PC1的斜率来计算特征向量和特征值 在PC1上单位化后的向量就称为特征向量，如下图，PC1的斜率为0.25，即黑色的4和1两个向量可以组成PC1上的向量，那也就意味着数据大部分是沿着Gen
python自动打开浏览器下载zip，并且提取内容写入excel
Savingme的博客
01-03 2411
佬们轻喷，里面有些代码都是现学现写的，一些细节没处理好的地方还请指出来~~~ 首先贴上效果图：有些部分我没有放进来，比如浏览器的启动，但我详细聪明的你们那个玩意肯定一学就会。 代码思路下载使用到的库和总体思路代码解释提取内容并填写使用到的库代码解释参考文章 下载 使用到的库和总体思路 这部分用到time，selenium，urllib，re，requests，os这几个库。 代码 #!/usr/bin/python3 # coding=utf-8 import time from selenium impo
关于CPU和GPU上的CUDA-error: device-side triggered问题和解决办法
Savingme的博客
09-28 1218
今天跑自己预训练的Bert的时候出现这个问题，本来以为是模型权重加载的时候出现问题，结果发现是**model = model.to(“cuda”)**报错，很麻。去网上搜了只会，佬们都说是embedding或者标签问题，于是我检查了每个标签，没有问题。然后我再回头检查embedding的时候，是用cpu跑的，因为我的GPU是colab的，没办法调试。用cpu的时候跑得起来，但遇到越界的index就会出错，如果带着这样的数据和模型，去to(“cuda”)，它会直接给你报cuda -error错误 总结 --.
记录一下python里面的最短路径算法
Savingme的博客
07-26 887
写了些东西，怕给忘了，在这存一下。。。。。。。。。。 最短路径的实现方法有Dijkstra方法和Floyd方法，但Floyd的时间复杂度是O(n^3)，所以这次的主要介绍对象是Dijkstra算法。 #!/usr/bin/python3 # coding=utf-8 my_max = 0xffff def Dijkstra(v, G, d, vis, n): # 自身到自身为0 d[v] = 0 for i in range(n): u = -1
C++笔记(持续更新)
Savingme的博客
11-22 733
文章目录前言一、C++基础编程？1.指针结构体二、C++核心编程1.引入库2.读入数据总结 前言 这篇文章的知识点均来自B站的视频内容，视频链接我会放在文章最下方。记录这篇文章的目的是为了不时回头看看已经学过知识点，视频学的时候方便，但并不适合找一些零碎的，模糊的知识点。 提示：内容的提取是依照我自己已有的知识来筛选的，没有找到的话各位只能去看视频找了。 一、C++基础编程？ 示例：基础编程包括指针和结构体 1.指针 声明指针 [数据类型] *p = &a; (我在这想多说一嘴，这个[数据类型

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值