jinna
2 years ago
commit
764970bc8f
24 changed files with 16781 additions and 0 deletions
@ -0,0 +1,7 @@ |
|||||||
|
[*.{js,jsx,ts,tsx,vue}] |
||||||
|
indent_style = space |
||||||
|
indent_size = 2 |
||||||
|
end_of_line = lf |
||||||
|
trim_trailing_whitespace = true |
||||||
|
insert_final_newline = true |
||||||
|
max_line_length = 100 |
||||||
@ -0,0 +1,23 @@ |
|||||||
|
.DS_Store |
||||||
|
node_modules |
||||||
|
/dist |
||||||
|
|
||||||
|
|
||||||
|
# local env files |
||||||
|
.env.local |
||||||
|
.env.*.local |
||||||
|
|
||||||
|
# Log files |
||||||
|
npm-debug.log* |
||||||
|
yarn-debug.log* |
||||||
|
yarn-error.log* |
||||||
|
pnpm-debug.log* |
||||||
|
|
||||||
|
# Editor directories and files |
||||||
|
.idea |
||||||
|
.vscode |
||||||
|
*.suo |
||||||
|
*.ntvs* |
||||||
|
*.njsproj |
||||||
|
*.sln |
||||||
|
*.sw? |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
# admin |
||||||
|
|
||||||
|
## Project setup |
||||||
|
``` |
||||||
|
yarn install |
||||||
|
``` |
||||||
|
|
||||||
|
### Compiles and hot-reloads for development |
||||||
|
``` |
||||||
|
yarn serve |
||||||
|
``` |
||||||
|
|
||||||
|
### Compiles and minifies for production |
||||||
|
``` |
||||||
|
yarn build |
||||||
|
``` |
||||||
|
|
||||||
|
### Lints and fixes files |
||||||
|
``` |
||||||
|
yarn lint |
||||||
|
``` |
||||||
|
|
||||||
|
### Customize configuration |
||||||
|
See [Configuration Reference](https://cli.vuejs.org/config/). |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
module.exports = { |
||||||
|
presets: [ |
||||||
|
'@vue/cli-plugin-babel/preset', |
||||||
|
], |
||||||
|
}; |
||||||
@ -0,0 +1,19 @@ |
|||||||
|
{ |
||||||
|
"compilerOptions": { |
||||||
|
"target": "es5", |
||||||
|
"module": "esnext", |
||||||
|
"baseUrl": "./", |
||||||
|
"moduleResolution": "node", |
||||||
|
"paths": { |
||||||
|
"@/*": [ |
||||||
|
"src/*" |
||||||
|
] |
||||||
|
}, |
||||||
|
"lib": [ |
||||||
|
"esnext", |
||||||
|
"dom", |
||||||
|
"dom.iterable", |
||||||
|
"scripthost" |
||||||
|
] |
||||||
|
} |
||||||
|
} |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,52 @@ |
|||||||
|
{ |
||||||
|
"name": "admin", |
||||||
|
"version": "0.1.0", |
||||||
|
"private": true, |
||||||
|
"scripts": { |
||||||
|
"serve": "vue-cli-service serve", |
||||||
|
"build": "vue-cli-service build", |
||||||
|
"lint": "vue-cli-service lint" |
||||||
|
}, |
||||||
|
"dependencies": { |
||||||
|
"core-js": "^3.8.3", |
||||||
|
"vue": "^2.6.14", |
||||||
|
"vue-router": "^3.5.1", |
||||||
|
"vuex": "^3.6.2" |
||||||
|
}, |
||||||
|
"devDependencies": { |
||||||
|
"@babel/core": "^7.12.16", |
||||||
|
"@babel/eslint-parser": "^7.12.16", |
||||||
|
"@vue/cli-plugin-babel": "~5.0.0", |
||||||
|
"@vue/cli-plugin-eslint": "~5.0.0", |
||||||
|
"@vue/cli-plugin-router": "~5.0.0", |
||||||
|
"@vue/cli-plugin-vuex": "~5.0.0", |
||||||
|
"@vue/cli-service": "~5.0.0", |
||||||
|
"@vue/eslint-config-airbnb": "^6.0.0", |
||||||
|
"eslint": "^7.32.0", |
||||||
|
"eslint-plugin-import": "^2.25.3", |
||||||
|
"eslint-plugin-vue": "^8.0.3", |
||||||
|
"eslint-plugin-vuejs-accessibility": "^1.1.0", |
||||||
|
"sass": "^1.32.7", |
||||||
|
"sass-loader": "^12.0.0", |
||||||
|
"vue-template-compiler": "^2.6.14" |
||||||
|
}, |
||||||
|
"eslintConfig": { |
||||||
|
"root": true, |
||||||
|
"env": { |
||||||
|
"node": true |
||||||
|
}, |
||||||
|
"extends": [ |
||||||
|
"plugin:vue/essential", |
||||||
|
"@vue/airbnb" |
||||||
|
], |
||||||
|
"parserOptions": { |
||||||
|
"parser": "@babel/eslint-parser" |
||||||
|
}, |
||||||
|
"rules": {} |
||||||
|
}, |
||||||
|
"browserslist": [ |
||||||
|
"> 1%", |
||||||
|
"last 2 versions", |
||||||
|
"not dead" |
||||||
|
] |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 4.2 KiB |
@ -0,0 +1,18 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang=""> |
||||||
|
<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><%= htmlWebpackPlugin.options.title %></title> --> |
||||||
|
<title>包头市公共数据平台</title> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
<noscript> |
||||||
|
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> 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> |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
<template> |
||||||
|
<div id="app"> |
||||||
|
<!-- <nav> |
||||||
|
<router-link to="/">Home</router-link> | |
||||||
|
<router-link to="/about">About</router-link> |
||||||
|
</nav> --> |
||||||
|
<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; |
||||||
|
margin: -8px; |
||||||
|
} |
||||||
|
|
||||||
|
nav { |
||||||
|
padding: 30px; |
||||||
|
|
||||||
|
a { |
||||||
|
font-weight: bold; |
||||||
|
color: #2c3e50; |
||||||
|
|
||||||
|
&.router-link-exact-active { |
||||||
|
color: #42b983; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
|
After Width: | Height: | Size: 6.7 KiB |
@ -0,0 +1,60 @@ |
|||||||
|
<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-router" target="_blank" rel="noopener">router</a></li> |
||||||
|
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</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> |
||||||
|
</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> |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
<template> |
||||||
|
<div class="top_head"> |
||||||
|
<!-- <ul class="ul_box"> |
||||||
|
<li class="li_item" v-for="item in titleList" :key="item.title">{{item.title}}</li> |
||||||
|
</ul> --> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
// titleList:[ |
||||||
|
// {title:'门户首页',children:[],url:'/homePage'}, |
||||||
|
// {title:'公司概况',children:[],url:'/'}, |
||||||
|
// {title:'数据大厅',children:[],url:'dataHall'}, |
||||||
|
// {title:'门户首页',children:[],url:'/'}, |
||||||
|
// {title:'门户首页',children:[],url:'/'}, |
||||||
|
// ] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.top_head{ |
||||||
|
width: 100%; |
||||||
|
height: 50px; |
||||||
|
line-height: 50px; |
||||||
|
background: red; |
||||||
|
|
||||||
|
.ul_box{ |
||||||
|
list-style: none; |
||||||
|
display: flex; |
||||||
|
|
||||||
|
.li_item{ |
||||||
|
padding: 0 20px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
import Vue from 'vue'; |
||||||
|
import App from './App.vue'; |
||||||
|
import router from './router'; |
||||||
|
import store from './store'; |
||||||
|
|
||||||
|
Vue.config.productionTip = false; |
||||||
|
|
||||||
|
new Vue({ |
||||||
|
router, |
||||||
|
store, |
||||||
|
render: (h) => h(App), |
||||||
|
}).$mount('#app'); |
||||||
@ -0,0 +1,204 @@ |
|||||||
|
let RouterPlugin = function () { |
||||||
|
this.$router = null; |
||||||
|
this.$store = null; |
||||||
|
}; |
||||||
|
RouterPlugin.install = function (vue, option = {}) { |
||||||
|
this.$router = option.router; |
||||||
|
this.$store = option.store; |
||||||
|
this.$vue = new vue({ i18n: option.i18n }); |
||||||
|
|
||||||
|
// 这个的作用是 为了检查出网页链接，因为本项目用到了 iframe
|
||||||
|
function isURL(s) { |
||||||
|
if (s.includes("html")) return true; |
||||||
|
return /^http[s]?:\/\/.*/.test(s); |
||||||
|
} |
||||||
|
|
||||||
|
// 将参数处理为参数的形式拼接
|
||||||
|
function objToform(obj) { |
||||||
|
let result = []; |
||||||
|
Object.keys(obj).forEach((ele) => { |
||||||
|
result.push(`${ele}=${obj[ele]}`); |
||||||
|
}); |
||||||
|
return result.join("&"); |
||||||
|
} |
||||||
|
|
||||||
|
this.$router.$avueRouter = { |
||||||
|
//全局配置
|
||||||
|
$website: this.$store.getters.website, |
||||||
|
group: "", |
||||||
|
meta: {}, |
||||||
|
safe: this, |
||||||
|
// 设置标题
|
||||||
|
setTitle: (title) => { |
||||||
|
const defaultTitle = this.$vue.$t("title"); |
||||||
|
title = title ? `${title}-${defaultTitle}` : defaultTitle; |
||||||
|
document.title = title; |
||||||
|
}, |
||||||
|
closeTag: (value) => { |
||||||
|
let tag = value || this.$store.getters.tag; |
||||||
|
if (typeof value === "string") { |
||||||
|
tag = this.$store.getters.tagList.filter((ele) => ele.value === value)[0]; |
||||||
|
} |
||||||
|
this.$store.commit("DEL_TAG", tag); |
||||||
|
}, |
||||||
|
generateTitle: (title, key) => { |
||||||
|
if (!key) return title; |
||||||
|
const hasKey = this.$vue.$te("route." + key); |
||||||
|
if (hasKey) { |
||||||
|
// $t :this method from vue-i18n, inject in @/lang/index.js
|
||||||
|
const translatedTitle = this.$vue.$t("route." + key); |
||||||
|
|
||||||
|
return translatedTitle; |
||||||
|
} |
||||||
|
return title; |
||||||
|
}, |
||||||
|
//处理路由
|
||||||
|
getPath: function (params) { |
||||||
|
let { src } = params; |
||||||
|
let result = src || "/"; |
||||||
|
if (isURL(src)) { |
||||||
|
result = `/myiframe/urlPath?${objToform(params)}`; |
||||||
|
} |
||||||
|
return result; |
||||||
|
}, |
||||||
|
//正则处理路由
|
||||||
|
vaildPath: function (list, path) { |
||||||
|
let result = false; |
||||||
|
list.forEach((ele) => { |
||||||
|
if (new RegExp("^" + ele + ".*", "g").test(path)) { |
||||||
|
result = true; |
||||||
|
} |
||||||
|
}); |
||||||
|
return result; |
||||||
|
}, |
||||||
|
//设置路由值
|
||||||
|
getValue: function (route) { |
||||||
|
let value = ""; |
||||||
|
if (route.query.src) { |
||||||
|
value = route.query.src; |
||||||
|
} else { |
||||||
|
value = route.path; |
||||||
|
} |
||||||
|
return value; |
||||||
|
}, |
||||||
|
//动态路由
|
||||||
|
// 路由是专门的一个接口获取
|
||||||
|
/** |
||||||
|
* aMenu: 接受到的动态路由数据 menu的结构外层有父级path 里面有一个childen 记录页面的路由 |
||||||
|
* first: 为了区分外界 调用formatRoutes 和 当前文件调用 formatRoutes |
||||||
|
*/ |
||||||
|
formatRoutes: function (aMenu = [], first) { |
||||||
|
// window.console.log('aMenu')
|
||||||
|
// window.console.log(aMenu)
|
||||||
|
const aRouter = []; |
||||||
|
// 获取到全局配置中的 props
|
||||||
|
const propsConfig = this.$website.menu.props; |
||||||
|
// 设置 props默认值 作用就是将字段设置成配置的
|
||||||
|
const propsDefault = { |
||||||
|
label: propsConfig.label || "name", |
||||||
|
path: propsConfig.path || "path", |
||||||
|
icon: propsConfig.icon || "icon", |
||||||
|
children: propsConfig.children || "children", |
||||||
|
meta: propsConfig.meta || "meta", |
||||||
|
}; |
||||||
|
// 如果没有权限菜单就结束
|
||||||
|
if (aMenu.length === 0) return; |
||||||
|
// 开始处理menu
|
||||||
|
for (let i = 0; i < aMenu.length; i++) { |
||||||
|
// 取到当前要处理的一项
|
||||||
|
const oMenu = aMenu[i]; |
||||||
|
// 这一块的赋值 也就是取到返回的值
|
||||||
|
let path = (() => { |
||||||
|
if (first) { |
||||||
|
// 将 '/index' 替换为 ''
|
||||||
|
return oMenu[propsDefault.path].replace("/index", ""); |
||||||
|
} else { |
||||||
|
return oMenu[propsDefault.path]; |
||||||
|
} |
||||||
|
})(), |
||||||
|
//特殊处理组件 执行完这个 component 也就是精确到具体的文件了 views文件夹下面就是具体的页面代码
|
||||||
|
component = "views" + oMenu.path, |
||||||
|
name = oMenu[propsDefault.label], |
||||||
|
icon = oMenu[propsDefault.icon], |
||||||
|
children = oMenu[propsDefault.children], |
||||||
|
meta = oMenu[propsDefault.meta] || {}; |
||||||
|
// meta中 keepalive 的处理
|
||||||
|
meta = Object.assign( |
||||||
|
meta, |
||||||
|
(function () { |
||||||
|
if (option.keepAlive === true) { |
||||||
|
return { |
||||||
|
keepAlive: true, |
||||||
|
}; |
||||||
|
} |
||||||
|
})() |
||||||
|
); |
||||||
|
//是否有子路由
|
||||||
|
const isChild = children.length !== 0; |
||||||
|
const oRouter = { |
||||||
|
path: path, |
||||||
|
component(resolve) { |
||||||
|
// 判断是否为首路由
|
||||||
|
if (first) { |
||||||
|
// require(["../page/index"], resolve);
|
||||||
|
return; |
||||||
|
// 判断是否为多层路由
|
||||||
|
} else if (isChild && !first) { |
||||||
|
// require(["../page/index/layout"], resolve);
|
||||||
|
return; |
||||||
|
// 判断是否为最终的页面视图
|
||||||
|
} else { |
||||||
|
require([`../${component}.vue`], resolve); |
||||||
|
} |
||||||
|
}, |
||||||
|
name: name, |
||||||
|
icon: icon, |
||||||
|
meta: meta, |
||||||
|
redirect: (() => { |
||||||
|
// 第一次进来但是没有子路由的 需要添加redirect
|
||||||
|
if (!isChild && first && !isURL(path)) return `${path}/index`; |
||||||
|
else return ""; |
||||||
|
})(), |
||||||
|
// 整理子路由的route 配置
|
||||||
|
// 处理是否为一级路由
|
||||||
|
children: !isChild |
||||||
|
? (() => { |
||||||
|
if (first) { |
||||||
|
// 这里的isURL判断，因为这个网站有使用 iframe。所以需要判断是否为网页链接
|
||||||
|
if (!isURL(path)) oMenu[propsDefault.path] = `${path}/index`; |
||||||
|
return [ |
||||||
|
{ |
||||||
|
component(resolve) { |
||||||
|
require([`../${component}.vue`], resolve); |
||||||
|
}, |
||||||
|
icon: icon, |
||||||
|
name: name, |
||||||
|
meta: meta, |
||||||
|
path: "index", |
||||||
|
}, |
||||||
|
]; |
||||||
|
} |
||||||
|
return []; |
||||||
|
})() |
||||||
|
: (() => { |
||||||
|
/** |
||||||
|
* 这里是重点，当有子路由的时候 会再去执行 formatRoutes 方法，然后又会有一个新的 aMenu for循环。 |
||||||
|
* 最后返回的是一个数组 aRouter 这个数组就会作为 childen的值被 return |
||||||
|
*/ |
||||||
|
return this.formatRoutes(children, false); |
||||||
|
})(), |
||||||
|
}; |
||||||
|
aRouter.push(oRouter); |
||||||
|
} |
||||||
|
// for循环结束
|
||||||
|
// 这个first 卡的其实就是首路由
|
||||||
|
if (first) { |
||||||
|
this.safe.$router.addRoutes(aRouter); |
||||||
|
} else { |
||||||
|
// 这里返回的是子组件
|
||||||
|
return aRouter; |
||||||
|
} |
||||||
|
}, |
||||||
|
}; |
||||||
|
}; |
||||||
|
export default RouterPlugin; |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
import Vue from "vue"; |
||||||
|
import VueRouter from "vue-router"; |
||||||
|
import AVueRouter from "./avue-router"; |
||||||
|
import HomeView from "../views/homePage/homePage.vue"; |
||||||
|
|
||||||
|
Vue.use(VueRouter); |
||||||
|
|
||||||
|
const routes = [ |
||||||
|
{ |
||||||
|
path: "/", |
||||||
|
name: "home", |
||||||
|
redirect: "/homePage", |
||||||
|
// component: HomeView,
|
||||||
|
}, |
||||||
|
{ |
||||||
|
path: "/homePage", |
||||||
|
name: "homePage", |
||||||
|
// redirect: "/homePage",
|
||||||
|
component: HomeView, |
||||||
|
}, |
||||||
|
{ |
||||||
|
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/AboutView.vue"), |
||||||
|
}, |
||||||
|
]; |
||||||
|
|
||||||
|
// // 初始化和注册 AvueRouter
|
||||||
|
// AvueRouter.install(Vue, {
|
||||||
|
// router: Router,
|
||||||
|
// store: Store,
|
||||||
|
// i18n: i18n,
|
||||||
|
// keepAlive: false,
|
||||||
|
// });
|
||||||
|
|
||||||
|
const router = new VueRouter({ |
||||||
|
mode: "history", |
||||||
|
base: process.env.BASE_URL, |
||||||
|
routes, |
||||||
|
}); |
||||||
|
|
||||||
|
export default router; |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
import Vue from 'vue'; |
||||||
|
import Vuex from 'vuex'; |
||||||
|
|
||||||
|
Vue.use(Vuex); |
||||||
|
|
||||||
|
export default new Vuex.Store({ |
||||||
|
state: { |
||||||
|
}, |
||||||
|
getters: { |
||||||
|
}, |
||||||
|
mutations: { |
||||||
|
}, |
||||||
|
actions: { |
||||||
|
}, |
||||||
|
modules: { |
||||||
|
}, |
||||||
|
}); |
||||||
@ -0,0 +1,46 @@ |
|||||||
|
import axios from "axios"; |
||||||
|
|
||||||
|
//跨域请求，允许保存cookie
|
||||||
|
axios.defaults.withCredentials = true; |
||||||
|
|
||||||
|
//返回其他状态码
|
||||||
|
axios.defaults.validateStatus = function (status) { |
||||||
|
return status >= 200 && status <= 500; |
||||||
|
}; |
||||||
|
//跨域请求，允许保存cookie
|
||||||
|
axios.defaults.withCredentials = true; |
||||||
|
|
||||||
|
//HTTP Request拦截
|
||||||
|
axios.interceptors.request.use( |
||||||
|
(config) => { |
||||||
|
// if (config.url !== "/api/blade-business/common-api/save-cup-img") {
|
||||||
|
// config.headers["Content-Type"] = "application/json";
|
||||||
|
// }
|
||||||
|
return config; |
||||||
|
}, |
||||||
|
(error) => { |
||||||
|
console.error("Request interceptors:", error); |
||||||
|
return Promise.reject(error); |
||||||
|
} |
||||||
|
); |
||||||
|
|
||||||
|
//HTTP Response拦截
|
||||||
|
axios.interceptors.response.use( |
||||||
|
(res) => { |
||||||
|
const ok = res.data.Success || false, |
||||||
|
status = res.status || 200, |
||||||
|
message = res.data.AllMessages || "Internal Server Error!"; |
||||||
|
|
||||||
|
if (!ok && !status) { |
||||||
|
return Promise.reject(new Error(message)); |
||||||
|
} |
||||||
|
|
||||||
|
return res.data; |
||||||
|
}, |
||||||
|
(error) => { |
||||||
|
console.error("Response interceptors:", error); |
||||||
|
return Promise.reject(error); |
||||||
|
} |
||||||
|
); |
||||||
|
|
||||||
|
export default axios; |
||||||
@ -0,0 +1,5 @@ |
|||||||
|
<template> |
||||||
|
<div class="about"> |
||||||
|
<h1>This is an about page</h1> |
||||||
|
</div> |
||||||
|
</template> |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
<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: 'HomeView', |
||||||
|
components: { |
||||||
|
// HelloWorld, |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
<template> |
||||||
|
<div>数据大厅</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
<template> |
||||||
|
<div class="home"> |
||||||
|
<page-head></page-head> |
||||||
|
首页 |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import pageHead from '@/components/pageHead.vue'; |
||||||
|
// @ is an alias to /src |
||||||
|
|
||||||
|
export default { |
||||||
|
// name: 'HomeView', |
||||||
|
components: { |
||||||
|
pageHead |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
@ -0,0 +1,6 @@ |
|||||||
|
const { defineConfig } = require("@vue/cli-service"); |
||||||
|
|
||||||
|
module.exports = defineConfig({ |
||||||
|
transpileDependencies: true, |
||||||
|
lintOnSave: true, |
||||||
|
}); |
||||||
Loading…
Reference in new issue