Skip to content

visualcloud / Vmatrix-client

Go to a project
Commit 8f1350a2 by hank
Options

init

parents
Showing with 1273 additions and 0 deletions
.browserslistrc 0 → 100644
> 1%
last 2 versions
.env.develop 0 → 100644
NODE_ENV='development'
VUE_APP_BASE_API='//127.0.0.1:8080'
\ No newline at end of file
.env.production 0 → 100644
NODE_ENV='production'
VUE_APP_BASE_API='//127.0.0.1:8082'
\ No newline at end of file
.env.test 0 → 100644
NODE_ENV='production'
VUE_APP_BASE_API='//127.0.0.1:8081'
\ No newline at end of file
.eslintrc.js 0 → 100644
module.exports = {
root: true,
env: {
node: true
},
'extends': [
'plugin:vue/essential',
'eslint:recommended'
],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
},
parserOptions: {
parser: 'babel-eslint'
}
}
.gitignore 0 → 100644
.DS_Store
node_modules/
/dist/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
/test/unit/coverage/
/test/e2e/reports/
selenium-debug.log
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
README.md 0 → 100644
## 简介
- 该项目提供了基于vue-cli3 创建的项目模板
## 前序准备
你需要在本地安装 [node](http://nodejs.org/) 和 [git](https://git-scm.com/)。本项目技术栈基于 [ES2015+](http://es6.ruanyifeng.com/)、[vue](https://cn.vuejs.org/index.html)、[vuex](https://vuex.vuejs.org/zh-cn/)、[vue-router](https://router.vuejs.org/zh-cn/) 、[axios](https://github.com/axios/axios) 提前了解和学习这些知识会对使用本项目有很大的帮助
## 功能
```
- 登录 / 注销
- 路由拦截
- css 预处理 scss
- request Handle
- build clear 开发日志
- src/utils 常用工具
- 全局环境变量文件
- .env.develop
- .env.test
- .env.production
- 多环境发布
- dev test prod
```
## 开发
```bash
# 克隆项目
git clone git@github.com:hanjixin/vue3-es6-project.git
# 安装依赖
npm install
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev || npm run start || npm run serve
```
浏览器访问 http://localhost:8080
## 发布
```bash
# 构建测试环境
npm run build:test
# 构建生产环境
npm run build
```
## 其它
```
commit auto fix eslint
```
babel.config.js 0 → 100644
module.exports = {
presets: [
'@vue/app'
]
}
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
{
"name": "vue-project-template",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve --mode develop",
"dev": "npm run serve",
"start": "npm run serve",
"build": "vue-cli-service build --mode production",
"build:test": "vue-cli-service build --mode test",
"lint": "vue-cli-service lint",
"test:unit": "vue-cli-service test:unit"
},
"dependencies": {
"axios": "^0.19.0",
"babel-polyfill": "^6.26.0",
"core-js": "^2.6.5",
"cross-env": "^5.2.0",
"register-service-worker": "^1.6.2",
"uglifyjs-webpack-plugin": "^2.1.3",
"vue": "^2.6.10",
"vue-router": "^3.0.3",
"vuex": "^3.0.1"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.8.0",
"@vue/cli-plugin-eslint": "^3.8.0",
"@vue/cli-plugin-pwa": "^3.8.0",
"@vue/cli-plugin-unit-mocha": "^3.8.0",
"@vue/cli-service": "^3.8.0",
"@vue/test-utils": "1.0.0-beta.29",
"babel-eslint": "^10.0.1",
"chai": "^4.1.2",
"eslint": "^5.16.0",
"eslint-plugin-vue": "^5.0.0",
"lint-staged": "^8.1.5",
"node-sass": "^4.9.0",
"sass-loader": "^7.1.0",
"vue-template-compiler": "^2.6.10"
},
"gitHooks": {
"pre-commit": "lint-staged"
},
"lint-staged": {
"*.{js,vue}": [
"vue-cli-service lint --fix --no-verify",
"git add"
]
}
}
postcss.config.js 0 → 100644
module.exports = {
plugins: {
autoprefixer: {}
}
}
public/index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>vue-project-template</title>
</head>
<body>
<noscript>
<strong>We're sorry but vue-project-template doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
public/manifest.json 0 → 100644
{
"name": "vue-project-template",
"short_name": "vue-project-template",
"icons": [
{
"src": "./img/icons/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "./img/icons/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"start_url": "./index.html",
"display": "standalone",
"background_color": "#000000",
"theme_color": "#4DBA87"
}
public/robots.txt 0 → 100644
User-agent: *
Disallow:
src/App.vue 0 → 100644
<template>
<div id="app">
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
</div>
<router-view/>
</div>
</template>
<style lang="scss">
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#nav {
padding: 30px;
a {
font-weight: bold;
color: #2c3e50;
&.router-link-exact-active {
color: #42b983;
}
}
}
</style>
src/api/index.js 0 → 100644
import request from '@/utils/request'
function requestHandle (res) {
return new Promise((resolve, reject) => {
console.log(res)
if(res.status == 200) {
resolve(res)
} else {
reject(res)
}
})
}
export function apiRequest( obj = {
method: 'get'
}) {
if (obj.method === 'get' || obj.method === 'GET') {
obj.method = 'get'
obj.params = obj.params || obj.data
delete obj.data
} else {
obj.data = obj.data || obj.params
delete obj.params
}
return request(obj).then(res => {
console.log('then')
return requestHandle(res)
}).catch(err => {
console.log('catch', JSON.stringify(err))
return requestHandle(err)
})
}
export function get (url, params) {
return apiRequest({
method: 'get',
url,
params
})
}
export function post (url, data) {
return apiRequest({
method: 'post',
url,
data
})
}
export function deleted (url, params) {
return apiRequest({
method: 'delete',
url,
params
})
}
export function put (url, data) {
return apiRequest({
method: 'put',
url,
data
})
}
\ No newline at end of file
src/api/login.js 0 → 100644
import { apiRequest, post } from './index'
export function login (username, password) {
return post('login',{
username,
password
})
}
export function loginout () {
return apiRequest({
url: 'loginOut',
method: 'post',
data: {
}
})
}
\ No newline at end of file
src/components/HelloWorld.vue 0 → 100644
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<p>
For a guide and recipes on how to configure / customize this project,<br>
check out the
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
</p>
<h3>Installed CLI Plugins</h3>
<ul>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa" target="_blank" rel="noopener">pwa</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-unit-mocha" target="_blank" rel="noopener">unit-mocha</a></li>
</ul>
<h3>Essential Links</h3>
<ul>
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
</ul>
<h3>Ecosystem</h3>
<ul>
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
</ul>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
props: {
msg: String
}
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
h3 {
margin: 40px 0 0;
}
ul {
list-style-type: none;
padding: 0;
}
li {
display: inline-block;
margin: 0 10px;
}
a {
color: #42b983;
}
</style>
src/main.js 0 → 100644
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './registerServiceWorker'
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
src/registerServiceWorker.js 0 → 100644
/* eslint-disable no-console */
import { register } from 'register-service-worker'
if (process.env.NODE_ENV === 'production') {
register(`${process.env.BASE_URL}service-worker.js`, {
ready () {
console.log(
'App is being served from cache by a service worker.\n' +
'For more details, visit https://goo.gl/AFskqB'
)
},
registered () {
console.log('Service worker has been registered.')
},
cached () {
console.log('Content has been cached for offline use.')
},
updatefound () {
console.log('New content is downloading.')
},
updated () {
console.log('New content is available; please refresh.')
},
offline () {
console.log('No internet connection found. App is running in offline mode.')
},
error (error) {
console.error('Error during service worker registration:', error)
}
})
}
src/router/index.js 0 → 100644
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/views/Home.vue'
Vue.use(Router)
const router = new Router({
routes: [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '@/views/About.vue')
}
]
})
router.beforeEach((from, to , next) => {
// 路由拦截
console.log(from, to)
next()
})
export default router
src/store/getters.js 0 → 100644
const getters = {
sidebar: state => state.app.sidebar,
device: state => state.app.device,
token: state => state.user.token
}
export default getters
src/store/index.js 0 → 100644
import Vue from 'vue'
import Vuex from 'vuex'
import app from './modules/app'
import user from './modules/user'
import getters from './getters'
Vue.use(Vuex)
const store = new Vuex.Store({
modules: {
app,
user
},
getters
})
export default store
src/store/modules/app.js 0 → 100644
const app = {
state: {
sidebar: {
opened: !+localStorage.getItem('sidebarStatus'),
withoutAnimation: false
},
device: 'desktop'
},
mutations: {
TOGGLE_SIDEBAR: state => {
if (state.sidebar.opened) {
localStorage.setItem('sidebarStatus', 1)
} else {
localStorage.setItem('sidebarStatus', 0)
}
state.sidebar.opened = !state.sidebar.opened
state.sidebar.withoutAnimation = false
},
CLOSE_SIDEBAR: (state, withoutAnimation) => {
localStorage.setItem('sidebarStatus', 1)
state.sidebar.opened = false
state.sidebar.withoutAnimation = withoutAnimation
},
TOGGLE_DEVICE: (state, device) => {
state.device = device
}
},
actions: {
ToggleSideBar: ({
commit
}) => {
commit('TOGGLE_SIDEBAR')
},
CloseSideBar({
commit
}, {
withoutAnimation
}) {
commit('CLOSE_SIDEBAR', withoutAnimation)
},
ToggleDevice({
commit
}, device) {
commit('TOGGLE_DEVICE', device)
}
}
}
export default app
src/store/modules/user.js 0 → 100644
import {
getToken,
setToken,
removeToken
} from '@/utils/auth'
import { login, loginout } from '@/api/login'
const user = {
state: {
token: getToken(),
name: '',
},
mutations: {
SET_TOKEN: (state, token) => {
state.token = token
}
},
actions: {
// 登录
Login({
commit
}, userInfo) {
const username = userInfo.username.trim()
return new Promise((resolve, reject) => {
login(username, userInfo.password).then(response => {
if (response.data.data) {
const data = response.data.data
setToken(data.token)
const roleList = []
roleList.push(data.roles[0].sign)
commit('SET_TOKEN', data.token)
// commit('SET_ROLES', roleList)
resolve()
} else {
this.$message({
message: '用户名或密码错误',
type: 'error'
})
}
}).catch(error => {
this.$message({
message: '用户名或密码错误',
type: 'error'
})
reject(error)
})
})
},
// 获取用户信息
GetInfo({
commit,
state
}) {
commit
state
return new Promise((resolve, reject) => {
reject()
resolve()
})
},
// 登出
LogOut({
commit,
state
}) {
return new Promise((resolve, reject) => {
loginout(state.token).then(() => {
commit('SET_TOKEN', '')
commit('SET_ROLES', [])
removeToken()
resolve()
}).catch(error => {
reject(error)
})
})
},
// 前端 登出
FedLogOut({
commit
}) {
return new Promise(resolve => {
commit('SET_TOKEN', '')
removeToken()
resolve()
})
}
}
}
export default user
src/utils/auth.js 0 → 100644
const TokenKey = 'token'
export function getToken() {
return localStorage.getItem(TokenKey)
}
export function setToken(token) {
return localStorage.setItem(TokenKey, token)
}
export function removeToken() {
return localStorage.removeItem(TokenKey)
}
src/utils/common.js 0 → 100644
/**
* 从KV集合中获取指定ID的value
* @param {array} _list
* @param {int} _id
*/
export function getValueFromKVs(_list, _id) {
let obj = {};
obj = _list.find(item => {
return item.id === _id;
});
return obj.value;
}
/**
* 是否是合法的下标
* @param {int} index
*/
export const isInvlidIndex = function (index) {
if (isInvlidData(index) && index > -1) {
return true;
} else {
return false;
}
}
/**
* 是否是合法的数据，不为undefined或者null
* @param {int} data
*/
export const isInvlidData = function (data) {
if (typeof (data) != "undefined" && data != null) {
return true;
} else {
return false;
}
}
/**
* 删除某一个数组内的对象， 返回数组对象
* @param {array} _arr
* @param {object} _obj
*/
export function removeObjFromArr(_arr, _obj) {
var length = _arr.length;
for (var i = 0; i < length; i++) {
if (JSON.stringify(_arr[i]) == JSON.stringify(_obj)) {
if (i == 0) {
_arr.shift();
return _arr;
} else if (i == length - 1) {
_arr.pop();
return _arr;
} else {
_arr.splice(i, 1);
return _arr;
}
}
}
}
/**
* 删除某一个数组内的对象， 返回数组对象
* @param {array} _arr
* @param {int} _index
*/
export function removeFromArr(_arr, _index) {
_arr.splice(_index, 1);
return _arr;
}
/**
* 判断数组中是否存在指定属性的对象
* @param {array} _arr
* @param {string} _propName
* @param {string} _prop
*/
export function existInArrWithProp(_arr, _propName, _prop) {
let isExist = false;
var length = _arr.length;
for (var i = 0; i < length; i++) {
if (_arr[i][_propName] && _arr[i][_propName] == _prop) {
isExist = true;
}
}
return isExist;
}
/**
* 判断数组中是否存在
* @param {array} _arr
* @param {object} _obj
*/
export function existInArr(_arr, _obj) {
let isExist = false;
var length = _arr.length;
for (var i = 0; i < length; i++) {
if (JSON.stringify(_arr[i]) == JSON.stringify(_obj)) {
isExist = true;
}
}
return isExist;
}
/**
* 获取某个下拉菜单的value数值
* @param {array} _list
* @param {int} id
*/
export function getValueFromList(_list, id) {
return getPropFromList(_list, id, "value");
}
/**
* 获取某个集合的特定对象的特定属性
* @param {array} _list
* @param {int} id
* @param {string} propName
*/
export function getPropFromList(_list, id, propName) {
let obj = {};
obj = _list.find(item => {
return item.id === id;
});
if (obj) {
return obj[propName];
}
return null;
}
/**
* 获取题干
* @param {string} _content
*/
export function getStemFromContent(_content) {
let stem = "";
if (_content) {
try {
let obj = JSON.parse(_content);
stem = obj.stem;
} catch (e) {
console.log(_content);
console.log(e);
}
}
return stem;
}
/**
* 时间转换
* @param {date} time
* @param {string} cFormat
*/
export function parseTime(time, cFormat) {
if (arguments.length === 0) {
return null;
}
if (time === null) {
return "-";
}
if ((time + "").length === 10) {
time = +time * 1000;
}
const format = cFormat || "{y}-{m}-{d} {h}:{i}:{s}";
let date;
if (typeof time === "object") {
date = time;
} else {
date = new Date(parseInt(time));
}
const formatObj = {
y: date.getFullYear(),
m: date.getMonth() + 1,
d: date.getDate(),
h: date.getHours(),
i: date.getMinutes(),
s: date.getSeconds(),
a: date.getDay()
};
const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
let value = formatObj[key];
if (key === "a") {
return ["一", "二", "三", "四", "五", "六", "日"][value - 1];
}
if (result.length > 0 && value < 10) {
value = "0" + value;
}
return value || 0;
});
return time_str;
}
/**
* 数组中删除一个对象，并返回下标
* @param {array} _arr
* @param {object} _obj
*/
export function arrRemoveLists(_arr, _obj) {
var length = _arr.length;
for (var i = 0; i < length; i++) {
if (JSON.stringify(_arr[i]) == JSON.stringify(_obj)) {
if (i == 0) {
_arr.shift(); //删除并返回数组的第一个元素
return i;
} else if (i == length - 1) {
_arr.pop(); //删除并返回数组的最后一个元素
return i;
} else {
_arr.splice(i, 1); //删除下标为i的元素
return i;
}
} else {
console.log(_obj + "row");
}
}
return -1;
}
src/utils/flexible.js 0 → 100644
(function flexible (window, document) {
var docEl = document.documentElement
var dpr = window.devicePixelRatio || 1
// adjust body font size
function setBodyFontSize () {
if (document.body) {
document.body.style.fontSize = (12 * dpr) + 'px'
}
else {
document.addEventListener('DOMContentLoaded', setBodyFontSize)
}
}
setBodyFontSize();
// set 1rem = viewWidth / 10
function setRemUnit () {
var rem = docEl.clientWidth / 10
docEl.style.fontSize = rem + 'px'
}
setRemUnit()
// reset rem unit on page resize
window.addEventListener('resize', setRemUnit)
window.addEventListener('pageshow', function (e) {
if (e.persisted) {
setRemUnit()
}
})
// detect 0.5px supports
if (dpr >= 2) {
var fakeBody = document.createElement('body')
var testElement = document.createElement('div')
testElement.style.border = '.5px solid transparent'
fakeBody.appendChild(testElement)
docEl.appendChild(fakeBody)
if (testElement.offsetHeight === 1) {
docEl.classList.add('hairlines')
}
docEl.removeChild(fakeBody)
}
}(window, document))
src/utils/index.js 0 → 100644
/**
* Created by jiachenpan on 16/11/18.
*/
export function parseTime(time, cFormat) {
if (arguments.length === 0) {
return null
}
const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
let date
if (typeof time === 'object') {
date = time
} else {
if (('' + time).length === 10) time = parseInt(time) * 1000
date = new Date(time)
}
const formatObj = {
y: date.getFullYear(),
m: date.getMonth() + 1,
d: date.getDate(),
h: date.getHours(),
i: date.getMinutes(),
s: date.getSeconds(),
a: date.getDay()
}
const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
let value = formatObj[key]
// Note: getDay() returns 0 on Sunday
if (key === 'a') {
return ['日', '一', '二', '三', '四', '五', '六'][value]
}
if (result.length > 0 && value < 10) {
value = '0' + value
}
return value || 0
})
return time_str
}
export function formatTime(time, option) {
time = +time * 1000
const d = new Date(time)
const now = Date.now()
const diff = (now - d) / 1000
if (diff < 30) {
return '刚刚'
} else if (diff < 3600) {
// less 1 hour
return Math.ceil(diff / 60) + '分钟前'
} else if (diff < 3600 * 24) {
return Math.ceil(diff / 3600) + '小时前'
} else if (diff < 3600 * 24 * 2) {
return '1天前'
}
if (option) {
return parseTime(time, option)
} else {
return (
d.getMonth() +
1 +
'月' +
d.getDate() +
'日' +
d.getHours() +
'时' +
d.getMinutes() +
'分'
)
}
}
src/utils/request.js 0 → 100644
import axios from 'axios'
import store from '../store'
import {
getToken,
removeToken
} from '@/utils/auth'
// 创建axios实例
console.log(process.env)
const service = axios.create({
baseURL: process.env.VUE_APP_BASE_API, // api 的 base_url
timeout: 10 * 1000 // 请求超时时间, 10秒
})
// request拦截器
service.interceptors.request.use(
config => {
if (store.getters.token) {
config.headers['token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
}
return config
},
error => {
// Do something with request error
return Promise.reject(error)
}
)
// response 拦截器
service.interceptors.response.use(
response => {
return response
},
/**
* 下面的注释为通过response自定义code来标示请求状态，当code返回如下情况为权限有问题，登出并返回到登录页
* 如通过xmlhttprequest 状态码标识 逻辑可写在下面error中
*/
// const res = response.data;
// if (res.code !== 20000) {
// Message({
// message: res.message,
// type: 'error',
// duration: 5 * 1000
// });
// // 50008:非法的token; 50012:其他客户端登录了; 50014:Token 过期了;
// if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
// MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录', '确定登出', {
// confirmButtonText: '重新登录',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
// store.dispatch('FedLogOut').then(() => {
// location.reload();// 为了重新实例化vue-router对象 避免bug
// });
// })
// }
// return Promise.reject('error');
// } else {
// return response.data;
// }
err => {
console.dir(err);
if (err && err.response) {
switch (err.response.status) {
case 400:
err.message = `${err.response.data.message}`
break
case 401:
//重新登录
removeToken();
err.message = `${err.response.data.message}`
break
case 403: //没有权限
err.message = `${err.response.data.message}`
break
case 404:
if (err.response.data.message) {
err.message = `${err.response.data.message}，请检查！`;
} else {
err.message = `请求地址出错: ${err.response.config.url}`
}
break
case 405:
err.message = `方法错误: ${err.response.data.message}`
break
case 406: //请求格式错误
err.message = '请求超时'
break
case 408:
err.message = '请求超时'
break
case 410:
//用户请求的资源被永久删除，且不会再得到的
err.message = '请求超时'
break
case 422:
//当创建一个对象时，发生一个验证错误。
err.message = '请求超时'
break
case 500:
err.message = `${err.response.data.message}`
break
case 501:
err.message = '服务未实现'
break
case 502:
err.message = '网关错误'
break
case 503:
err.message = '服务不可用'
break
case 504:
err.message = '网关超时'
break
case 505:
err.message = 'HTTP版本不受支持'
break
}
}
console.log(err.message)
return Promise.reject(err.response)
}
)
export default service
src/utils/validate.js 0 → 100644
/**
* Created by jiachenpan on 16/11/18.
*/
export function isvalidUsername(str) {
const valid_map = ['lisi', 'editor']
return valid_map.indexOf(str.trim()) >= 0
}
/* 合法uri*/
export function validateURL(textval) {
const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
return urlregex.test(textval)
}
/* 小写字母*/
export function validateLowerCase(str) {
const reg = /^[a-z]+$/
return reg.test(str)
}
/* 大写字母*/
export function validateUpperCase(str) {
const reg = /^[A-Z]+$/
return reg.test(str)
}
/* 大小写字母*/
export function validatAlphabets(str) {
const reg = /^[A-Za-z]+$/
return reg.test(str)
}
src/views/About.vue 0 → 100644
<template>
<div class="about">
<h1>This is an about page</h1>
<div >
{{html}}
</div>
</div>
</template>
<script>
import { get } from '@/api'
export default {
data(){
return {
html: ''
}
},
created() {
get('').then(res => {
console.log(res.data)
this.html = res.data
})
}
}
</script>
src/views/Home.vue 0 → 100644
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js App"/>
</div>
</template>
<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
export default {
name: 'home',
components: {
HelloWorld
}
}
</script>
tests/unit/.eslintrc.js 0 → 100644
module.exports = {
env: {
mocha: true
}
}
\ No newline at end of file
tests/unit/example.spec.js 0 → 100644
import { expect } from 'chai'
import { shallowMount } from '@vue/test-utils'
import HelloWorld from '@/components/HelloWorld.vue'
describe('HelloWorld.vue', () => {
it('renders props.msg when passed', () => {
const msg = 'new message'
const wrapper = shallowMount(HelloWorld, {
propsData: { msg }
})
expect(wrapper.text()).to.include(msg)
})
})
vue.config.js 0 → 100644
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
const isProduction = process.env.NODE_ENV === 'production';
module.exports = {
// 生产环境是否生成 sourceMap 文件
productionSourceMap: false,
//是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建。
parallel: require('os').cpus().length > 1,
// 所有 webpack-dev-server 的选项都支持
devServer: {
port: 8080, // 配置端口
open: true, // 自动开启浏览器
compress: true, // 开启压缩
// 设置让浏览器 overlay 同时显示警告和错误
overlay: {
warnings: true,
errors: true
},
// 设置请求代理
proxy: {
'/api': {
target: '<url>',
ws: true,
changeOrigin: true
},
'/foo': {
target: '<other_url>'
}
}
},
chainWebpack: config => {
// 引入babel-polyfill
config
.entry('index')
.add('babel-polyfill')
.end();
// 添加文件路径别名
// config.resolve.alias.set("@", resolve("src"));
// if (isProduction) {
// // 生产环境注入cdn
// config.plugin('html')
// .tap(args => {
// args[0].cdn = cdn;
// return args;
// });
// }
},
configureWebpack: config => {
if (isProduction) {
// 为生产环境修改配置...
config.plugins.push(
//添加代码压缩工具，及设置生产环境自动删除console
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_debugger: true,
drop_console: true,
},
},
sourceMap: false,
parallel: true,
})
);
} else {
// 为开发环境修改配置...
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment