vue打包区分环境，创建config文件，corss-env自定义全局环境配置，通过cdn引入js，css，不打包依赖模块elementui 目录 vue打包区分环境，创建config文件，corss-env自定义全局环境配置，通过cdn引入js，css，不打包依赖模块elementui1. 使用 `corss-env` 自定义环境变量，不使用vue自身的环境变量（1）安装依赖（2）配置`package.json`中命令（3）使用 `process.env._ENV` 接收启动时的环境变量 2. 配置cdn引入页面，设置不打包依赖...
自留写代码技巧： @change=“e=>handleSettingCahnge(navTheme,e.target.value)” 在路由上面同步信息到页面 ...this.$route.query 保持原来的路由不改变 设置用户访问权限：meta { }元组建配置， 之后去路由守卫设置写代码小技巧：if( ) { }括号里面尽量多写两个判断 echart.js学习 封装普通第三方库 1. npm install echarts 2.在mounted里面使用 复制的echart代码 初始化实例 3.样式会出问题，...
一、vant组件库的官网地址：https://vant-contrib.gitee.io/vant/#/zh-CN/icon 二、具体安装配置步骤： 1、在项目里cmd输入命令进行安装： npm i vant -S2、安装 babel-plugin-import 插件，babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式(输入命令)： npm i babel-plugin-import -D3、在.babelrc.js或者 babel.config.js文件中配置plugins(放入这段代码)：注意：如果没有这两...
话不多少，上代码(fetch文件)： import Vue from 'vue' import axios from 'axios' import Store from '../vuex/store.js' //运用到Vuex可使用 const QS = require('qs')/*** 开发配置baseUrl*/ // const PRIVARY_URL = '/quality' // 生产 const PRIVARY_URL = '/dev' // 开发/**** 生产配置baseUrl*/ const PROXY_URL = '/qualitydev' axios.defaults.baseURL = process.env.NODE_ENV === 'production' ? PROXY_URL : PRIVARY_UR...
1、新建一个vue.config.js文件，同src目录同级 const webpack = require(webpack) module.exports = { publicPath: /, assetsDir: static, productionSourceMap: false, devServer: { host: localhost, port: 8080, proxy: { /api:{ target:http://10.0.88.142:8220, secure:false,//如果是https接口，配置这个参数 chan...
使用axios发送请求，除了url,method等配置选项，也还有其他的，如下： 在使用axios发送很多请求时会发现很多配置选项老是重复，需要进行统一的全局配置，方便复用，如下：
动态路由配置 router/index.js import Vue from 'vue' import Router from 'vue-router' import Detail from '@/pages/detail/Detail'Vue.use(Router)export default new Router({routes: [{path: '/',name: 'Home',component: Home}, {path: '/detail/:id',name: 'Detail',component: Detail}] })pages/detail/Detail.vue //......代码省略 methods: {getDetailInfo () {axios.get('/api/detail.json', {params: {id: this.$route...
注意：这个是1.2版本的配置，现在1.3版配置已经不是这样了 下载安装并配置VSCode 随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。 1、vetur插件的安装 该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行，装好后点击文件->首选项->设置 打开设置界面，在设置界面右侧添加配置 "emmet.syntaxProfiles": { "vue-html": "html", "vue": "htm...
VUE跨域代理配置 为什么会出现跨域VUE设置跨域（其他的情况未写） 为什么会出现跨域 浏览器访问非同源的网址时，会被限制访问，出现跨域。 不同源：协议，域名，端口号三者之一不同。 VUE设置跨域（其他的情况未写） 在vue.config.js文件中配置： devServer: {host: 'localhost',port:8080,//端口号proxy: {'/api': { //拦截包含 /api 的接口target: 'http://xxxxx:9093', //设置调用的域名和端口号changeOrigin: true, //true 实...
Vue的 vue.config.js 配置 1. 为什么要配置 vue.config.js 由于 vue-cli 3 也学习了 rollup 的零配置思路，所以项目初始化后，没有了以前熟悉的 build 目录，也就没有了 webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件。 但是有些内容需要进行相关的配置，所以我们还是要创建一个vue.config.js来进行数据修改，比如代理啥的 2.里面的配置详解 vue.config.js 文件是一个可选的配置文件，存放在...
这几天试着用 Vue 3 做一个 electron app, 发现了新坑。 之前用 React 开发的时候，竟没意识到为何 electron-builder 不需要针对目录做配置就能直接使用。我就跟着教程在 package.json 里写了： "build": {"appId": "AppName","productName": "AppName","mac": {"category": "Utilities"} }和没写一样……为什么 electron-build 会知道去打包 react 生成的 build 文件夹？ 原来，electron-builder 只要检测到 react-scripts, 就会默...
首先安装路由 npm install vue-router安装完成后，在项目中新建一个router文件夹，一个index.js index.js 中写入 import { createRouter, createWebHashHistory } from 'vue-router' import Index from '../views/Index.vue' import ExpertInfo from '../views/ExpertInfo.vue' import Login from '../views/Login.vue'const routes = [{path: '/',name: 'Index',component: Index},{path: '/expertList',name: 'ExpertInfo',co...
在vue-cli3.0中使用postcss-plugin-px2rem 插件插件的作用是 自动将vue项目中的px转换为rem postcss-plugin-px2rem优势： 因为 postcss-plugin-px2rem 这个插件 配置选项上有 exclude 属性，它可以配置 是否对 某个文件夹下的所有css文件不进行从px到rem的转换。 所以我们可以利用这个特性，把项目中的 node_module 文件夹排除掉。这样如果我们项目中是用了，前端UI框架的话，就不会吧UI框架（Vant,Element等）中的 px...
ESLint配置方式 ESLint有三种配置方式，一般自定义规则较少时，选第2种；自定义配置很多，建议第1种；第3种常用于对某句代码禁用eslint。 1、在package.json中通过eslintConfig配置，示例： "eslintConfig": {"root": true,"env": {"node": true},"extends": ["plugin:vue/essential","@vue/standard"],"rules": {"eol-last": [0],"semi": [2, "always"], // 强制语句分号结尾"indent": [2, 4], // 强制缩进4 spaces"no-new": [0],...
const CompressionPlugin = require("compression-webpack-plugin")module.exports = {configureWebpack:config=>{if(process.env.NODE_ENV === production){return{plugins: [new CompressionPlugin({test:/\.js$|\.html$|.\css/, //匹配文件名threshold: 10240,//对超过10k的数据压缩deleteOriginalAssets: false //不删除源文件})]}}}, }如果报 Cannot read property tapPromise of undefined 错误 降低 compression-webpack-p...