vuecli3.0

解决vue cli3.0打包上线静态资源找不到路径问题

解决vuecli3.0打包上线静态资源找不到路径问题项目中遇到打包之后静态资源路径找不到，报如下错误：解决方法是：在项目的根目录下创建vue.config,js文件，在里面配置静态资源的路径，publicPath
钱段工程师·2024-02-13 20:31

如何更改VueCLI3.0的包管理器yarn/npm

在执行vuecreateproject后如果显示如下npmrunserve则表示你使用的是npm创建的项目。image如果显示如下yarnserve则表示此项目为yarn创建。image那如何切换包管理器呢？在VueCLI3官网有如下一段描述：image注意最后一句，明确的说明了包管理器和淘宝npm镜像源会存入~/.vuerc此文件如果是windows环境，则存在了C:/user/administ
郭海杰·2024-02-03 23:24

vue打包文件太大，利用SplitChunksPlugin插件进行公共模块抽取

vuecli3.0脚手架默认的webpack版本是4.0所以要用SplitChunksPlugin插件；webpack4之前的都是利用CommonsChunkPlugin插件来进行公共模块抽取；chainWebpack
三七_z·2024-01-27 01:46

Error: No PostCSS Config found in... 报错 踩坑记

vuecli3.0新建项目可能会遇到这个报错Error:NoPostCSSConfigfoundin...解决方案在项目根目录新建postcss.config.js文件，并对postcss进行配置：module.exports
798b6b7c244d·2023-12-24 08:09

vue打包后nginx反向代理

主要讲解vuecli2.0和vuecli3.0代理需要主要的问题一、需要下载nginx1、下载地址http://nginx.org/en/download.html选择稳定版本下载即可。
yang423712·2023-11-03 20:10

Vue项目中用百度地图实现城市定位

Vue项目运行环境：Vue2.0，VueCli3.0步骤如下：步骤一：登录百度地图开放平台在控制台---->应用管理---->我的应用下面创建一个应用。
Leo_DLi·2023-11-02 10:16

vant-ui 如何定制主题

vuecli3.0版本的第一步在main.js引入node/moudule文件夹下vant/lib/index.less文件。
小懒惰的猪·2023-10-01 02:26

Disallow self-closing on HTML void elements

环境：vuecli3.0初始化带有eslint项目触发位置：解决：报错内容是：不允许对HTMLvoid元素进行自动关闭方法一：方法二：修改文件.eslintrc.js...rules:{..."
lydxwj·2023-07-25 06:49

新手必读

初始化运行工程直接使用npm命令行npminstallnpmrunservenpm请使用淘宝镜像:npmconfigsetregistryhttps://registry.npm.taobao.org使用vuecli3.0
43ba0fcef8a9·2023-06-10 21:18

vue cli3.0 怎么配置 后端请求接口域名，区别打包环境及 vue项目域名的问题

vuecli3.0怎么配置后端请求接口域名，区别打包环境及vue项目域名的问题一、接口请求域名配置1.env.development和.env.production2.vue.config.js3.package.json
程序媛_MISS_zhang_0110·2023-04-13 07:29

vue中proxy代理的用法(解决跨域问题)

proxy配置以vuecli3.0为例总结声明1.首先我们应该知道前端axios在本地发送的请求如果你不把路径写全，它都是会默认加上自己项目所在的端口，就比如说：axios.get('/login')axios.get
·2023-04-12 01:35

Vue关闭线上源码移除console

前言文章中的配置，项目基于VueCLI3.0搭建，版本大于等于3.0不会有问题，其他环境版本请绕道。
神奇的程序员·2023-04-06 12:24

vue3知识点5.33 vuecli3.0中和vuecli4.5中jquery和bootstrap的引入和使用（亲测有效）

vue3知识点5.33vuecli3/4中jquery和bootstrap的引入和使用前言：vuecli4.5用法请直接拉到文章最后。一定要是npmcreatexxx创建的项目，才管用。下面分享我做的一个可用的小例子。我看了很多博客，我自己用了都报错。报错1：UncaughtTypeError:Bootstrap’sJavaScriptrequiresjQuery.jQuerymustbe…提示b
yangyangdt·2023-04-02 07:50

vue3.0 php,vue3.0什么时候发布的

【推荐课程：vue教程】Vue的作者尤雨溪在Medium上宣布正式发布VueCLI3.0，它也将为很多开发者带来期待已久的新特性。
材料搬砖狗·2023-04-02 07:04

Vue Router使用

在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换使用步骤Demo基于VueCli3.0创建，安装VueRouter组件，以下为路由
8321·2023-03-30 22:33

vue-cli（4.0.5版）设置自定义端口号无效（portfinder.basePort）

如何查看端口号被占用情况：https://jingyan.baidu.com/article/597a06431ecac3312a524351.htmlvue-cli自定义端口无效解法：VueCLI3.0
qq_38969618·2023-03-30 04:12

伸手党系列四：vue-cli3.0以上 使用 proxy 进行跨域设置

vuecli3.0以上和cli2.0变
钱不多·2023-03-26 14:39

Vue cli3.0创建Vue项目的简单过程记录

Powershell窗口输入命令vuecreate项目名称选择第二项回车后选择是否使用历史路由no回车选择Less回车选择第三个回车选择第一个回车选择第一个回车是否保存模板选择no完成啦完成总结到此这篇关于Vuecli3.0
·2023-01-29 08:42

vuecli3.0脚手架搭建及不同的打包环境配置vue.config.js的详细过程

参考文档https://cli.vuejs.org/zh/1.安装npminstall-g@vue/cli2.检查安装vue-V3.创建项目vuecreateproject_name出现下图信息4.上图两种选择方式，第一种是默认的，第二种自己选择配置这里一般选择第二种自己配置，点击回车键后出现下图信息5.在上图中选择你需要的模块，上下移动，空格进行确定，下图是测试选择的6.选好后，敲Enter键，
·2023-01-19 03:36

基于vue组件思想的移动端导航栏 —— TabBar

用vueCLI3.0搭建的项目结构，组件目录结构如图，做个笔记。
真不吃香菜·2022-10-31 07:33

vue3+axios+elementPlus+vue-router完成单页面demo

npm6.0以上node20.0以上vuecli3.0以上先上干货git地址：demo地址：vue3创建项目（这个网上有很多例子，就不细说了）项目目录结构项目目录结构如下图所示（这个图是项目搭建完成后的图
菜鸡前端QAQ·2022-10-21 20:06

vuecli3.0,webpack配置链接主服务器地址

前言：提前祝大家国庆快乐，朋友圈一直在发一个图，无心工作，一心只想为祖国庆生，哈哈，我也是，为了给祖国庆生提前一天回家，在高铁上无聊更新一下我的工作笔记。在使用vue框架前时是要和后端交流配置前端框架链接服务器地址的，这样就可以上传到svn或者git等代码管理工具，如果公司需要，后端是本地接口，在你访问接口时也是可以访问到的，我现在用的是vue3.0，1.0和2.0网上有很多，但是3.0的资料寥寥
一个不知名的前端·2022-10-08 22:00

VueCli3.0中配置nginx使用router的history模式

假定条件该文档是假设你想要把项目部署到/app/下,并可以访问http://localhost:8090/app/下的任意地址创建.env文件该文件应创建在package.json同级目录下,详情参考官方文档生产环境文件.env.productionVUE_APP_BASE_PATH=/app/测试环境文件.env.developmentVUE_APP_BASE_PATH=/新建vue.confi
Lancelot_DL·2022-03-18 03:31

vueCli2.0 和 vueCli3.0 项目中配置多环境运行打包 ？

本地node环境搭建本地安装node从node官网下载并安装node，安装步骤只需一路next即可，安装完成后，打开命令行工具输入node-v，若出现对应版本号则说明安装成功，输入npm-v，显示npm版本信息。切换到淘宝镜像当node环境安装完以后，由于npm包管理工具有些资源被堵，为了更快更稳定，需要切换到淘宝的npm镜像cnpm。输入如下命令进行安装和镜像切换，输入cnpm-v，可以查看当前
『九离~空白』·2021-10-11 15:40

Vue使用百度地图实现城市定位

本文实例为大家分享了Vue使用百度地图实现城市定位的具体代码，供大家参考，具体内容如下Vue项目运行环境：Vue2.0，VueCli3.0步骤一：登录百度地图开放平台在控制台---->应用管理---->
·2021-09-08 17:41

[server-notes] vuecli3.0 history mode + nginx 子目录 + 非首页刷新404

实现同个域名下部署多个项目，通过不同url来区分调用对应项目：如：http://xxxx:8090/app1展示项目1http://xxxx:8090/app2展示项目2相关文档请查阅：HTML5History模式1.修改router基础路径：base，应用的基路径。例如，如果整个单页应用服务在/app/下，然后base就应该设为"/app/"引自：VueRouterbase根据：http://x
liwuwuzhi·2021-04-22 16:22

vue本地请求json 报错404 解决方法来了

/新建一个static文件夹本地json放这个下面目录要和src同级结果没用照常报错继续找答案看见一个网友说可能vuecli3.0生成的项目，静态文件变成了public文件。
Exhalexujing·2020-11-06 17:45

vue vuecli3.0 使用 scss-loader,设置全局scss变量

首先上代码，使用loaderOptionsconstoutputDir=process.env.NODE_ENV=="development"?"dist-test":"dist";module.exports={css:{loaderOptions:{sass:{prependData:`@import"@/scss/default.scss";`}}},configureWebpack:{ex
萌新不会永远是萌新·2020-09-21 10:56

Vue关闭线上源码移除console

前言文章中的配置，项目基于VueCLI3.0搭建，版本大于等于3.0不会有问题，其他环境版本请绕道。
神奇程序员·2020-09-17 06:32

vuecli3.0 引入vant报错Cannot find module 'babel-plugin-import' from ' '解决方法

errorin./src/main.jsModulebuildfailed(from./node_modules/babel-loader/lib/index.js):Error:Cannotfindmodule'babel-plugin-import'from'd:\code\vue-test-0731'atFunction.module.exports[assync](d:\code\vue-
xxxxxxxxYZ·2020-09-16 19:02

vuecli3.0中引入高德地图以及使用到的一些常用方法（正向地理编码，逆向地理编码， 画canvas，点击，鼠标事件，海量点）

借鉴：https://blog.csdn.net/rty426/article/details/907183751、高德地图的引入，高德API官网，我是用的webJs2、高德地图实例中心：https://lbs.amap.com/demo-center/js-api在vue中的具体操作，1）在pubilc下的index.html中引入2、在vue.config.js中进行配置module.expo
一壶酒儿·2020-09-16 09:31

vuecli3.0使用elementui的upload组件以及遇到的问题

//元素选取图片//datadata(){return{myfile:"",imgSrc:"}}//方法ImgUploadSectionFile(param){this.myfile=param.fileconsole.log(param)this.imgSrc=URL.createObjectURL(param.file)//console.log(this.imgSrc)},//连接后台接口f
一壶酒儿·2020-09-16 09:59

vuecli3.0进行生产环境、测试环境和开发环境配置

1、上图的三个文件需要自己加在所创建的vuecli项目的根目录2、3个文件具体的配置developmentproductiontestNODE_ENV='development'//模式VUE_APP_MODE='development'//通过"VUE_APP_MODE"变量来区分环境outputDir='development'VUE_APP_URL="http://ip:端口号/QHSE/"
一壶酒儿·2020-09-16 09:55

Django + Vue cli 3.0 访问静态资源问题

【问题背景】用Vueclie3.0的搭建得框架把我坑死了，在打包后，调用不到静态资源js,css,mp3等【问题原因】vuecli3.0打包后，dist目录下没有static目录，而Django那边的静态资源配置只认
weixin_34088583·2020-09-14 23:58

VueCli3.0如何运行一个单文件组件App.vue

VueCli3.0如何运行一个单文件组件App.vue首先需要全局安装vue脚手架，全局安装【需要管理员运行】@vue/cli-service-globalnpminstall-g@vue/cli-service-global
coucouxie·2020-09-12 22:31

Vue.js 十五分钟入门

Vue很早就支持TypeScript，但配置起来比较麻烦，幸好有了VueCLI3.0。安装好vue-cli之后，使用vuecreate项目名称来创建项目，vue脚本手架自动创建以项目名称命名的目录。
weixin_34265814·2020-09-11 11:02

【手把手】带你撸一个基于vueCli 3.0的前端框架

1、创建项目假设你已经安装过node了，执行下面命令安装vuecli3.0，如果你之前安装过vuecli2.0，只需按照提示把2.0卸载，再安装3.0$npminstall-g@vue/cli然后创建一个项目
风轻云淡180518·2020-09-11 09:01

Disallow self-closing on HTML void elements

环境：vuecli3.0初始化带有eslint项目触发位置：解决：报错内容是：不允许对HTMLvoid元素进行自动关闭方法一：方法二：修改文件.eslintrc.js...rules:{..."
xiaojinglyd·2020-08-24 04:27

Vue Cli 3.0中使用@import引入外部css文件

我在VueCli3.0项目中把当前页面的样式分离出来，在通过@import的方式引入@importurl("../styles/index.css");从而减少单个页面的代码数量。
Excalibur_C·2020-08-22 12:11

Vue CLI3 开启gzip压缩

webpack在打包时可以借助compressionwebpackplugin实现gzip压缩，首先需要安装该插件：cnpmi-Dcompression-webpack-plugin在vuecli3.0
高先生的猫·2020-08-21 07:30

vue配置bootstrap

一、引入jquerybootstrappopper用[email protected]用cnpm来导入用npm会出问题在VueCLI3.0中使用jQuery
coderZT·2020-08-21 05:31

vueCli3.0发布到nginx，vue项目部署

1、nginx部分nginx.conf配置文件#usernobody;worker_processesauto;#error_loglogs/error.log;#error_loglogs/error.lognotice;#error_loglogs/error.loginfo;#pidlogs/nginx.pid;events{worker_connections1024;}http{incl
海天酱油zz·2020-08-21 04:50

vue-cli3.0 配置全局自定义变量

在使用vuecli3.0去构建项目时，可以通过npmrunserve去启动项目，使用npmrunbuild编译项目，很多时候，针对生产和开发的环境变量是不一样的，比如：请求的地址。
shi一样的代码·2020-08-21 04:46

vue cli3.0访问本地JSON文件

vuecli3.0访问本地JSON文件最近练习axios发起数据请求，模拟后台访问数据，发现请求地址一直报错404，查阅了相关资料才知道vue-cli3.0中静态资源要放在static文件夹下。
Growing Wild·2020-08-18 05:04

vant定制主题（亲测有效记录）

二、自定义主题vuecli3.0版本的主要步骤：第一步需要在main.js引入less文件。具体说应该是nodemoud
zxna·2020-08-18 00:31

VueCli3.0项目打包

前言当我们开发完项目后，需要将项目部署到服务器上。这时，我们就需要对项目进行打包了，生成纯HTML、CSS和JS文件了。一般的，我们进行项目打包时只需要在命令行运行npmrunbuild就可以进行项目打包了。但是如果不进行一些配置的话。我们就会遇到运行打包好的index.html文件，页面是全部空白的情况。这时，我们只需要进行下列设置即可：第一种错误：这个错误是因为没有在webpack的配置文件里
杰~JIE·2020-08-15 20:51

# vue cli 3.0 多环境配置

vuecli3.0多环境配置1，生成vuecli3的项目在跟目录自己创建.env.[name]（注意：name即为你的环境的名字）的文件2，`现在我们拿测试环境做举例。.
啦咔·2020-08-15 20:05

vuejs添加环境常量----多环境开发打包场景解决方案之一

2018/8/24更新：目前VUECLI3.0已经提供环境变量配置了，建议直接使用。
weixin_34185512·2020-08-15 20:36

Vuecli3.0 借助DLLPlugin 和 DLLReferencePlugin 用某种方法实现了拆分 bundles，同时还大大提升了构建的速度。

DLLPlugin和DLLReferencePluginVuecli3.0在vue项目，在打包的过程中将，常用的包进行提前打包，节省之后打包的时间。1.新增库打包文件webpack.dll.confconstpath=require('path');constwebpack=require('webpack');constCleanWebpackPlugin=require('clean-webp
理个以哈呦·2020-08-15 19:07

vue 优化打包体积

都是基于vuecli3.0的配置在页面直接通过script标签引入项目所需的依赖然后在webpack配置里做下配置配置//webpack配置configureWebpack:config=>{//打包忽略
秦璐璐·2020-08-15 19:04
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他