liyuaaa / vueadmin Goto Github PK

	import axios from 'axios';
	/* 通过axios请求拦截器添加token，保证拥有获取数据的权限 */
	axios.interceptors.request.use(config => {
		/* 为请求头对象，添加 Token 验证的 Authorization 字段 */
		config.headers.Authorization = window.sessionStorage.getItem('user')
		return config
	})
	/* 把axios挂在到Vue上面 */
	Vue.prototype.$axios = axios;
	/* 配置axios的默认请求路径 */
	axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'

	router.beforeEach((to,from,next)=>{
		if(to.path=='/login') return next(); //如果输入的是login就直接放行
		//获取本地存储到session的user值,如果没有,证明玩家没有进行登录操作,强制跳转到login页面
		const token = window.sessionStorage.getItem('user');
		if(!token) return next('/login'); //没有获取到token证明没有进行登录操作
		next(); //如果有输入就直接放行
	}

import TreeTable from 'vue-table-with-tree-grid'
Vue.component('tree-table', TreeTable);

.el-cascader__dropdown {
	height: 200px;
}
.el-cascader-panel {
	height: 200px;
}

addPropsData: {
	// 级联选择器的配置信息
	checkStrictly: "true",
	value: "cat_id",
	label: "cat_name",
	children: "children"
},

this.$router.push({ path: "/goods/goodsAdd" });

:headers="headerToken"
headerToken: {
	// 获取token验证的Authorization字段，来让图片能保存到后台
	Authorization: window.sessionStorage.getItem("user")
},

const i = this.infoRuleForm.pics.findIndex(item => {
	return item.pic == fileData;
});
this.infoRuleForm.pics.splice(i, 1); //删除对应的数据

import { quillEditor } from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.component('quill-editor', quillEditor);

// 数据深拷贝
const infoData = _.cloneDeep(this.infoRuleForm);

import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

axios.interceptors.request.use(config => {
  NProgress.start()
  config.headers.Authorization = window.sessionStorage.getItem('token')
  return config
})

axios.interceptors.response.use(config => {
  NProgress.done()
  return config
})

{
  "semi":false, //移除分号
  "singleQuote":true //双引号边单引号
}

"no-tabs": "off" // 解决tab的错误
"space-before-function-paren":0, //解决方法名后面需要加上空格的错误
"printWidth":200, //默认一行代码的长度，eslint没报错可省略，默认一行代码长度为80
"eqeqeq":"off", //解决项目出现==而不是===的错误

npm install babel-plugin-transform-remove-console --save-dev

const prodPlugins = [];
if(process.env.NODE_ENV === 'production'){
  prodPlugins.push('transform-remove-console')
}
在plugins里面使用...prodPlugins 展开数组来输出transform-remove-console

module.exports = {}

chainWebpack: config => {
	//发布阶段
	config.when(process.env.NODE_ENV === 'production', config => {
		config.entry('app').clear().add('./src/main-prod.js')
	})
	//开发阶段
	config.when(process.env.NODE_ENV === 'development', config => {
		config.entry('app').clear().add('./src/main-dev.js')
	})
}

config.when(process.env.NODE_ENV === 'development', config => {
	config.entry('app').clear().add('./src/main-prod.js')
	config.set('externals', {
		vue: 'Vue', 'vue-router': 'VueRouter',
		axios: 'axios',
		lodash: '_',
		echarts: 'echarts',
		nprogress: 'NProgress', 'vue-quill-editor': 'VueQuillEditor'
	})
})

<!-- nprogress 的样式表文件 --> 
<link rel="stylesheet" href="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.css" />
<!-- 富文本编辑器 的样式表文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/quill/1.3.4/quill.core.min.css" />
<link rel="stylesheet" href="https://cdn.staticfile.org/quill/1.3.4/quill.snow.min.css" />
<link rel="stylesheet" href="https://cdn.staticfile.org/quill/1.3.4/quill.bubble.min.css" />

<script src="https://cdn.staticfile.org/vue/2.5.22/vue.min.js"></script>
<script src="https://cdn.staticfile.org/vue-router/3.0.1/vue-router.min.js"></script>
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
<script src="https://cdn.staticfile.org/lodash.js/4.17.11/lodash.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.1.0/echarts.min.js"></script>
<script src="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.js"></script>
<!-- 富文本编辑器的 js 文件 -->
<script src="https://cdn.staticfile.org/quill/1.3.4/quill.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-quill-editor.js"></script>

<!-- element-ui 的样式表文件 --> <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.8.2/theme�chalk/index.css" />
<!-- element-ui 的 js 文件 -->
<script src="https://cdn.staticfile.org/element-ui/2.8.2/index.js"></script>

const Foo = () => import(/* webpackChunkName: "group-foo" */ './Foo.vue')
const Bar = () => import(/* webpackChunkName: "group-foo" */ './Bar.vue')
const Baz = () => import(/* webpackChunkName: "group-boo" */ './Baz.vue')
// 有时候我们想把某个路由下的所有组件都打包在同个异步块 (chunk) 中。只需要使用 命名 chunk，一个特殊的注释语法来提供 chunk name (需要 Webpack > 2.4)。
// Webpack 会将任何一个异步模块与相同的块名称组合到相同的异步块中。

// 如果是生成阶段，就把title变为true，不是就为false
config.plugin('html').tap(args => {
	args[0].title = true
	return args
})

<!– 按需渲染页面的标题 -->
<title><%= htmlWebpackPlugin.options.title ? '' : 'dev - ' %>电商后台管理系统</title>
<!– 按需加载外部的 CDN 资源 -->
<% if(htmlWebpackPlugin.options.title) { %>
<!—通过 externals 加载的外部 CDN 资源-->
<% } %>

// 开启图片压缩
config.module
	.rule('images')
	.use('image-webpack-loader')
	.loader('image-webpack-loader')
	.options({ bypassOnDebug: true })
	.end()