hellenYuan的博客

#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events { worker_connections 1024;}http { include mime.types; defau.

子项目的vue.config.js:const packageName = require('./package.json').name;const Timestamp = new Date().getTime();module.exports = { publicPath: process.env.VUE_APP_PUBLIC_PATH, // transpileDependencies: ['common'], chainWebpack: config => config.re

如果项目中有多个页面用到附件下载的方法，那么可以将这个方法封装成一个全局方法，减少重复代码。在main.js同级目录下新建一个GLOBAL.vue文件，在里面可以声明很多全局共用方法。>> GLOBAL.vue<scirpt>import { fileDownload } from '../HTTP/myApis'const downloadAttachment = async (fileid, rename, type) => { await fileDo

把axios方法封装成一个个的函数，并统一在一个文件中：>> allApis.jsimport api from './myAxios'// GETexport const getAllNavList = () => { return api({ url: '...', method: 'get' })}// GET - 带参数export const getAllNavList = (data) => { return api({ url: '..

npm配置淘宝镜像的时候，node-sass要单独配置

问题背景：一个目录下有多个vue项目。>> root -- my-vueproject-a -- package.json -- node-modules -- my-vueproject-b -- package.json -- node-modules...期望结果：将所有vue项目中的依赖包提取为一个>> root -- my-vueproject-a -- my-vueproject-b -- package.json -- nod

时间戳获取 .getTime() - 方法之一let currentTime = new Date(); // 获取时间:Sun Sep 26 2021 15:49:55 GMT+0800 (中国标准时间)// 转换成时间戳:let timeStamp = currentTime.getTime(); // 1632642703153把时间戳转换成时间var time = new Date(时间戳);var y = time.getFullYear();var m = time.ge..

在vue项目中引用vue-i18n实现语言切换功能，开发过程中发现，在vue文件中使用都可以，但是在js文件中直接使用$t('zhKey.首页')是不生效的。下面是我研究出解决办法：// js文件中import Vue from 'vue'import VueI18n from 'vue-i18n'import messages from 'unisoc-ui/js/i18n/langs'Vue.use(VueI18n) // 这里一行是必须加的。// 在该js文件中，单独注册一个i18n实

vue.js 2.6 新增了Observable API， 通过这个api，可以应对一些简单的跨组件数据共享。像是简易版vuex// store.js中（不需要安装vuex了）import Vue from 'vue';// 提供store（states）和mutations方法，实现多个组件共享数据状态export let store =Vue.observable({count:0,name:'李四'});export let mutations={ setCount(count){

npm i express --save全局： npm install -g express-generator运行：express -e myservercd myservercnpm inpm start

npm install vue-code-highlight --save局部引入import { component as VueCodeHighlight } from 'vue-code-highlight';components:{ VueCodeHighlight, ...}<vue-code-highlight> //Paste your code here</vue-code-highlight>全局引入import VueCodeH.

axios的特性支持Promise API可以拦截请求和响应 （ 比如拦截授权信息等等 ）转换请求数据和响应数据 （加密解密敏感信息）取消请求自动转换JSON数据（一般http返回来的数据都是String类型，然后就要JSON.parse()做个手动转换，但是axios就会自动转换成json类型。）客户端支持防御XSRF可以用于前端（客户端、浏览器）和nodejs后端axios在vue中的使用npm i axios --save在需要的页面上import axios fr

我的情况是：重复调用同一个接口，页面就不会再刷新，报错参数无效后点击页面任何地方都不行。解决办法：添加v-if , 是为了满足重新调用接口的时候子组件会重新渲染（走destroyed生命周期函数）// 父组件.vue内<Children v-if='contentList.length>0' />给子组件手动添加销毁// 子组件.vue文件destroyed () { this.$destroy(); },...

step1：>>>package.json中添加下面三个依赖包"dependencies": { "node-sass": "^4.11.1", "sass-loader": "^7.3.0", "sass-resources-loader": "^1.3.3",},注意版本号要保持一致，用最新版的会有莫名其妙的报错step2：// build/utils.js 中 修改scss的配置如下：return { sass: generateLoader

安装第一步：npm i vant --save第二步安装vant plugin：npm i babel-plugin-import -D第三步： 配置样式// vue2.x在.babelrc文件中添加："plugins":[ ["import", { "libraryName": "vant", "libraryDirectory": "es", "style": true }] ] // 如果本身有plugins了，则应该为： "p

首先，文件一定要放在static文件夹下，然后用相对路径[链接文件](/static/demos/index.html)

最近看到一道关于vue cli的面试题，vue cli常用的npm指令有哪些？除了npm installnpm run devnpm run build之外，题主还给出了一个npm run build --report这一指令的作用是返回打包后的各个静态资源文件的大小，可以清晰地看到哪个文件过大，以便于进行优化，提升项目速度。我尝试跑这一指令的时候，发生了报错：Error: Cannot find module 'archiver'解决：先安装一下缺失的模块，再重新跑一下就可以了

<div class="innerbar" :style="{width:+ item.resumes + '0%'}"></div>

echart-条形图各个属性详解horibarOption:{ grid: { left: '0px', right: '20px', bottom: '3%', containLabel: true, x:130 }, tooltip: { trigger: 'axis', formatter: function(pa

用event bus解决vue中无法监听到this.$slots.default变化 （包含去除$slots.default中的空白节点this.$slots.default关于event bus代码实现this.$slots.defaultvue官网中提到：default property 包括了所有没有被包含在具名插槽中的节点。也就是说可以通过$slots.default获取到通过...