vue项目实战经验第6页

nginx一个域名配置多个vue项目

在已有项目一的情况下，不改变项目一的访问地址，在同一域名的二级目录下部署项目二，配置如下：一、修改vue.js配置1.修改vue-router路由配置src/router/index.js文件a.项目一constrouter=newVueRouter({mode:'history',routes:routes})b.项目二constrouter=newVueRouter({base:'jx',mo

秀萝卜·2024-02-09 10:15

如何做到要事第一？一个工具，六个步骤，帮你理清思路

这本书是由三位作家共同编辑而成的，其中，史蒂芬·柯维博士，被评为影响美国历史进程的25位人物之一，另外两位作者，罗杰.梅里尔和丽贝卡.梅里尔，在时间管理方面也有丰富的实战经验。

笑薇读书·2024-02-09 07:31

微信公众号开发的H5页面只能在微信中打开（Vue项目）

实现用户只能在微信中打开H5页面思路就是：项目是单页面项目，所以页面都渲染在index.html页面中，所以只要在index.html中进行判断，当前用户使用的浏览器是什么，如果用户使用除了微信浏览器的其它浏览器，都会将页面加载到wxError.html页面内，提示用户“请在微信客户端打开链接”具体步骤：1、与index.html同级新建一个wxError.html文件完整的代码varua=nav

山城️777·2024-02-09 06:51

小程序细节

可以新建一个文件夹，比如assets，里面放文件夹image、wxss，这部分跟咱们开发vue项目一样，pages里就相当于vue的views文件夹页面，同理组件也可以新建一个components的文件夹

甘草子XS·2024-02-09 06:41

在VUE项目中使用Echarts简单实现折线图、柱状图、饼图

1、首先下载echarts包npmiecharts--save2、在main.js中全局引入echarts包，挂载到vue实例上import*asechartsfrom"echarts";Vue.prototype.$echarts=echarts3、在vue单页面上使用echarts3.1实现折线图和柱状图在vive层//必须设置宽和高获取echarts对象getmain(){//获取echar

六卿·2024-02-09 05:02

微信小程序开发跳转问题

在vue项目开发中，事件监听可以直接通过绑定点击事件即可，然后调用函数，并传参。如下图所示，可以直接在函数方法中进行参数传递。

qq_33453797·2024-02-09 05:00

利用路由懒加载和CDN分发策略，对Vue项目进行性能优化

目录一、Vue项目二、路由懒加载三、CDN分发策略四、如何对Vue项目进行性能优化一、Vue项目Vue是一种用于构建用户界面的JavaScript框架，它是一种渐进式框架，可以用于构建单页应用（SPA）

杨荧·2024-02-09 02:26

【Fabric.js】监听画布or元素的点击、选中、移动、添加、删除销毁、变形等各事件

例子就用vue项目组件里的代码，fabric的使用跟vue、react、angular之类的框架都没任何关系！并且本demo只对功能进行讲述，实际项目使用肯定要进行封装，别直接就照抄导致写的丑！

oumae-kumiko·2024-02-09 01:43

Vue项目启动webpack报错Module build failed: Error: No PostCSS Config found in......

情景我使用vue-cli创建项目，然后想换个地方，就把除了node_modules以外的文件全部拷贝到另一个文件，想的重新npmrundev一下就可以。但是在原来位置就是可以正常展示的，但是在新文件里面就会报错Modulebuildfailed:Error:NoPostCSSConfigfoundin:/Users/***原因某个隐藏属性的配置文件没有拷贝。导致运行报错。建议默认打开win或者ma

HealerLZH·2024-02-09 01:40

vue组件通信方式之eventBus

我们在vue项目中最常遇到的问题就是组件之间的通信，父子通信，兄弟通信，跨组件之间的通信。

Hello_MrShu·2024-02-08 20:02

vue.config.js和webpack.config.js区别

vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在

波波仔86·2024-02-08 20:27

webpack.config.js和vue.config.js的区别

vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在vue项目中是可以并存的。

武当王也拜见老天师·2024-02-08 20:27

14 -vue 打包图片路径错误解决

一、构建VUE项目直接用官网的方式建立vue项目vueinitwebpackvue-demo二、打包VUE项目npmrunbuild2.1打包项目介绍会在项目根目录下出现一个dist文件夹，项目目录如下图

大大的小小小心愿·2024-02-08 18:28

vue3全局常量定义及使用

vue2定义全局变量可以参考以下文章Vue项目常量的使用vue3中需要适量修改一下一、创建常量文件在src下创建constant文件夹，用于存放全局常量相关配置，创建好后在其内创建module文件夹，用于存放常量文件

我是小菜鸟*·2024-02-08 18:54

创建一个VUE项目（vue2和vue3）

背景：电脑已经安装完vue2和vue3环境一台Mac同时安装vue2和vue3https://blog.csdn.net/c103363/article/details/136059783创建vue2项目vueinitwebpack"项目名称"创建vue3项目vuecreate"项目名称"

c103363·2024-02-08 17:39

【C#学习路线——超详细介绍】

C#学习路线——超详细介绍1.介绍2.C#基础3.进阶技术4..NET框架核心5.前端和桌面应用开发6.Web后端开发7.游戏开发8.软件开发实践9.性能调优和最佳实践10.实战经验11.持续学习1.介绍

程序员不想敲代码啊·2024-02-08 16:57

【C++学习路线——超详细介绍】

C++学习路线——超详细介绍1.介绍2.C++基础3.面向对象编程4.C++核心编程5.高级主题6.现代C++标准7.软件开发实践8.软件设计9.实战经验10.专业领域深化11.持续学习与成长1.介绍C

程序员不想敲代码啊·2024-02-08 16:27

js按顺序循环接口返回数据，组合成新数据

新数据格式1：一个对象包含请求参数和返回值现在vue项目里有个字典接口，该页面很多地方要调用字典接口，需要写个循环将字典值和接口返回数据对应。

三线码工·2024-02-08 16:57

vue项目启动出现的问题

vue踩坑-Error:listenEADDRNOTAVAIL192.168.1.122:8081Error:listenEADDRNOTAVAIL192.168.1.122:8081atObject._errnoException(util.js:1024:11)at_exceptionWithHostPort(util.js:1046:20)atServer.setupListenHandle

木子川页心·2024-02-08 12:55

Vue项目中 sass安装

1.sass-loader依赖于node-sass,所以要安装node-sasscnpminstallnode-sass--save-dev//安装node-sasscnpminstallsass-loader--save-dev//安装依赖包sass-loadercnpminstallstyle-loader--save-dev//安装style-loader2.在build文件夹下的webpa

一颗苦涩的苹果·2024-02-08 12:49

vue项目中获取地址栏参数并且截取

铁子们，我今天写项目遇到这样一个问题，因为我是单独写的三个页面，我那个页面获取数据是要获取到上个页面传过来的参数才能进行请求，因为刚开始写参数是直接写成固定死的了然后我就在想，肯定要获取到当前页面的url地址，这样后边才能截取url地址中的参数，代码如下varurl=window.location.href;//获取地址栏路径vartemp1=url.split('?');//对url地址进行分割

一颗苦涩的苹果·2024-02-08 12:19

为啥可以直接在命令行执行vue create 和vue add等等的方法内容呢，这个过程是怎么样的

因为有node才可以执行js文件但在为何全局安装了vue-cli时候vuecreateproject-name创建Vue项目时，为什么命令不是以node开头呢，而是直接就可以vue去开头就能执行命令，难道没有使用

蓝奕世·2024-02-08 11:18

【Vue项目】filters过滤器

在vue项目中需要对一些数据进行格式化，我们可以通过Vue.filter进行过滤Vue.filter过滤器在Vue实例中使用Vue.filter方法进行注册，注册成功就可以在任何Vue模板中使用这些过滤器来对数据进行处理和格式化

SuperYiY·2024-02-08 11:18

vue项目打包发布到云服务器

主要是说vue项目打包过程。

风晓尘·2024-02-08 10:03

promise封装axios方法

axios获取后台数据的方法插件promise处理异步的方法封装在实际项目里为了更方便的使用axios获取后台数据，这里我们用promise封装一下vue项目里封装方法我们一般放在utils文件夹里src

熊猫也是熊·2024-02-08 08:12

linux之vue（vue-cli）脚手架安装创建项目

文章目录1、安装npm2、由于网路原因安装cnpm3、安装vue-cli4、安装webpack5、启动vue的图形界面管理工具6、通过界面的方式创建vue项目1、安装npmnpm全称NodePackageManager

想了好久才取了这·2024-02-08 06:41

安装Vue 及创建一个Vue 项目

创建一个Vue项目首先要先安装node及npm详情见【http://www.cnblogs.com/ylboke/p/8342116.html】及【http://www.cnblogs.com/ylboke

唐人不自醉·2024-02-08 06:06

vue项目打包部署到flask等后端服务里面，实现前后端不分离部署，解决空白页面和刷新页面not fount问题

1.编译模式一定要设置为esnext，否则会报错：StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/plain".具体解释可以看vite官方文档：构建选项|Vite官方中文文档2.而且

1024小神·2024-02-08 06:15

vue项目打包时如何去除文件的hash值？

默认情况下，生成的静态资源在它们的文件名中包含了hash以便更好的控制缓存。然而，这也要求index的HTML是被VueCLI自动生成的。如果你无法使用VueCLI生成的indexHTML，你可以通过将这个选项设为false来关闭文件名哈希。vue.config.js:const{defineConfig}=require('@vue/cli-service')module.exports=def

徐同保·2024-02-08 06:10

vue使用vue-ueditor-wrap集成秀米

UeditorUEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码：UEditor官网地址下载代码放置到vue

丨·2024-02-08 06:38

vue项目：集成富文本编辑器 - 百度ueditor（vue-ueditor-wrap）

一、背景集成百度ueditor，实现图文编辑二、项目介绍vue2-nuxt2项目vue项目：ueditor（vue-ueditor-wrap）三、集成步骤3.1、下载富文本编辑器GitHub-fex-team

snowball_li·2024-02-08 06:38

2023-02-28

余世勇老师财税管理实战专家39年上市财税高管实战经验工商管理博士中央财经大学客座导师/剑桥大学高级财务管理上海证券交易所上市公司董事会秘书/独立董事曾任：华泰汽车控股集团有限公司（上市）丨副总裁曾任：特步

华师经纪人陈美玲·2024-02-08 05:30

vue : 无法加载文件 D:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。

在vscode新建vue项目vueinitwebpackvue_app时报错vue:无法加载文件D:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。

鬼悬铃·2024-02-08 04:20

request to https://registry.npm.taobao.org/vue-loader failed, reason: certificate has expired

今天在安装vue项目的依赖时，使用npm命令报错了，说是原来设置的源镜像网站的证书过期了。

沐雨橙风ιε·2024-02-08 04:00

vue项目集成booststrap

1.首先安装bootstrapnpminstallbootstrap我安装的是4.3的版本2.在main.js中引用bootstrapimport'bootstrap/dist/css/bootstrap.css'import'bootstrap/dist/css/bootstrap.min.css'import'bootstrap/dist/js/bootstrap.js'import'boot

小赖同学啊·2024-02-08 03:17

vue中的代理转换机制proxyTable配置项

在写vue项目的时候，后台没有及时提供数据，我们前台会在本地模拟

凯哥Java·2024-02-08 01:43

从手动测试到自动化测试，只用了3个月，我的薪资翻了一倍

虽然笔者是一个测试老人了，但是基本上所有的测试经验都停留在手工测试方面，对于自动化测试方面的实战经验少之又少，可以说，从这个角度来说，就像生活在原始社会，一切靠双手解决问题。

白码会说·2024-02-07 23:24

vue项目中axios配置（代理配置）

一、引入axios包npminstallsxios--save二、建立axios文件夹在src根目录下新建api文件夹在api文件夹下新建ajax.js和index.js文件ajax.js用于配置通用的axios接口方法。index.js用于开发从接口获取数据方法。ajax.js/*ajax请求函数模块返回值：promise对象（异步返回的数据是：response.data）*/importaxi

土豆丶杨·2024-02-07 22:50

实战系列：（三）谈谈Mysql的隐式类型转换

这也是笔者想写此系列文章的初衷，希望把实际工作的实战经验分享给大家，帮助大家解决实际问题。

foundwei·2024-02-07 22:34

前端实现多语言

首先，创建一个Vue项目并安装vue-i18n库vuecreatevue-multilanguage-appcdvue-multilanguage-appnpminstallvue-i18n在src目录下创建一个

编代码的小王·2024-02-07 22:57

vue项目开发移动端真机测试/手机端网页预览

市场上手机大小各式各样，事实上目前还没有完美适配移动端的方案，常用的有vw，rem，百分比等。前端在PC端开发移动端项目时，通过F12看到的还是和真机有区别，因此我们需要真机测试。首先，真机测试的必要条件：1、手机与电脑在同一个局域网内，比如手机和电脑连接同一个WIFI。2、需要知道开发电脑的IP地址。步骤：1、查看电脑IP地址找到电脑的window键和R键，同时按下，弹出窗口image.png点

ForeverYoung_06·2024-02-07 21:42

vue 中使用 vue-router-tab 插件实现页面顶部路由标签功能？

在vue项目中考虑使用vue-router-tab插件去实现改需求，下面对其用法做相关示例。

『九离~空白』·2024-02-07 20:22

如何在Vue应用程序中使用Vue-Router来实现路由嵌套动画效果

在Vue项目中，可以使用npm或yarn来安装Vue-Router：npminstall

忧郁的蛋~·2024-02-07 20:19

Vue+Koa2+mongodb 搭建项目

文章目录前言一、项目用到的一些关键依赖二、后端框架的基础搭建1.安装koa-generator2.使用koa-generator生成koa项目3.启动项目三、前端框架的基本搭建1.安装vue-cli2.创建vue

小明真的要加油·2024-02-07 19:01

【实战经验】postman测试上传文件

1、PostMan测试接口实现上传文件第一步：打开postman，将上传方式改为POST，再点击下【Body】第二步：然后，我们点击里面的【form-data】选项(如图所示)。第三步：然后，在key的输入框里，点击一下(如图所示)。第四步：在弹出的选项列表里，点击【file】选项栏(如图所示)。第五步：最后，就会出现一个按钮，点击下即可选择文件了(如图所示)。最后：下方这份完整的软件测试视频教程

飘逸的地中海·2024-02-07 19:55

好用的vue项目插件

1.vue-seamless-scroll无缝滚动-vue-seamless-scroll的简介及使用教程-MadewithVuejs2.富文本(1)avue-plugin-ueditoravue-plugin-ueditor:avue富文本编辑器(2)wangeditorwangEditor3.vue-monoplasty-slide-verify滑动验证码vue-monoplasty-slid

哆来A梦没有口袋·2024-02-07 19:40

解决Invalid prop: type check failed for prop "model". Expected Object, got Array问题

Vue项目前端页面报错：“Invalidprop:typecheckfailedforprop“model”.ExpectedObject,gotArray”错误原因是：期望对象，得到的是数组从后台获取的数据是

sara的前端学习笔记·2024-02-07 17:32

股市有风险，投资需谨慎

作为一个有着三年股市实战经验的股民，今天我就来和大家聊聊自己在股市里的收获。一、理财的一种途径俗话说：你不理财，财不理你。我们不是钱多才开始理财，而是因为没钱才开始。

四十岁生二胎的辣妈·2024-02-07 16:46

vue项目打包部署介绍

Nginx实现静态资源的反向代理实例Nginx实现静态资源的反向代理实例这篇文章主要介绍了Nginx实现静态资源的反向代理实例,本文通过分析github发现这个应用,可以避免在https的网站中出现http链接,需要的朋友可以参考下github中很多项目都有一个readme文件，很多人喜欢在文件中添加自己的创作或封面图片，比如substack为他相关推荐:Nginx中accept锁的机制与实现解决

03ngnntds·2024-02-07 14:59

使用Linux下的Nginx部署单点前端项目和集群项目详解

2.前端项目进行打包，我这里是一个vue项目，打包命令npmrunbuild:环境名3.将打包好后的项目文件上传至服务器某个角落(这个角落的文件夹自定义)我是放到这里4.修改nginx的配置文件找到你的配置文件

臣妾写不来啊·2024-02-07 13:59

推荐频道

vue项目实战经验