feat: 增加本地代理配置
This commit is contained in:
parent
efef8a31c4
commit
aede3e2b54
78
src/App.vue
Normal file
78
src/App.vue
Normal file
@ -0,0 +1,78 @@
|
||||
<!--
|
||||
* @Author: your name
|
||||
* @Date: 2020-05-26 10:06:34
|
||||
* @LastEditTime: 2020-05-26 17:05:42
|
||||
* @LastEditors: Please set LastEditors
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /x-product-workspace/packages/x-project-app/src/App.vue
|
||||
-->
|
||||
<template>
|
||||
<div id="app">
|
||||
<component :is="layout">
|
||||
<router-view />
|
||||
</component>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapMutations } from 'vuex'
|
||||
import { SET_USER_INFO } from '@/store/auth.store'
|
||||
import { initUserRole } from '@/utils/userRole'
|
||||
|
||||
import BlackLayout from '@/layouts/black.layout'
|
||||
import DefaultLayout from '@/layouts/default.layout'
|
||||
import NoSidebarLayout from '@/layouts/no-sidebar.layout'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
BlackLayout,
|
||||
DefaultLayout,
|
||||
NoSidebarLayout
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
layout() {
|
||||
return this.$route.meta.layout || 'DefaultLayout'
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.setUserInfo({
|
||||
'loginName': 'admin',
|
||||
'id': '1',
|
||||
'phone': '17729389320',
|
||||
'email': '17728389320@163.com',
|
||||
'enableStatus': 'ENABLED',
|
||||
'headPortrait': null,
|
||||
'userName': '赵站洋',
|
||||
'credentialNo': '110101199003076675',
|
||||
'gender': 'male'
|
||||
})
|
||||
// localStorage.setItem('logedUser', '100771325211655012352')
|
||||
},
|
||||
mounted() {
|
||||
// 页面加载时初始化用户角色信息
|
||||
this.$nextTick(() => {
|
||||
initUserRole(this).catch((err) => {
|
||||
console.error('初始化用户角色信息失败:', err)
|
||||
})
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
...mapMutations('authModule', {
|
||||
setUserInfo: SET_USER_INFO
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
#app {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: $--app-font-color;
|
||||
background-color: $--app-bg-Color;
|
||||
}
|
||||
</style>
|
||||
78
src/plugins/index.js
Normal file
78
src/plugins/index.js
Normal file
@ -0,0 +1,78 @@
|
||||
import Vue from 'vue'
|
||||
|
||||
import XDateFormatPlugin from './dayjs/x-date-format'
|
||||
import XLodashPlugin from './lodash/x-lodash'
|
||||
import XBomeventPlugin from './bomevent/x-bomevent'
|
||||
import XRequestPlugin from './request/x-request'
|
||||
|
||||
import { SET_TOKEN } from '../store/auth.store'
|
||||
import store from '../store'
|
||||
|
||||
const plugins = [XDateFormatPlugin, XLodashPlugin, XBomeventPlugin]
|
||||
|
||||
plugins.forEach((plugin) => {
|
||||
Vue.use(plugin)
|
||||
})
|
||||
|
||||
// 开发环境不设置 baseURL（使用相对路径），生产环境使用 .env 中的域名
|
||||
const baseURL = process.env.NODE_ENV === 'development' ? '' : process.env.VUE_APP_BASE_DOMAIN
|
||||
|
||||
Vue.use(XRequestPlugin, {
|
||||
baseURL,
|
||||
headers: {
|
||||
'Accept-Language': 'zh-CN'
|
||||
},
|
||||
needShowMessage: true,
|
||||
businessErrorCatch: function(failRes, response, needShowMessage) {
|
||||
// 通用业务错误处理
|
||||
// console.log(failRes, response, needShowMessage)
|
||||
if (failRes.code === 'error' && needShowMessage) {
|
||||
Vue.prototype.$message({
|
||||
message: failRes.message,
|
||||
type: 'error'
|
||||
})
|
||||
}
|
||||
},
|
||||
errorCatch: function(err, needShowMessage) {
|
||||
console.error(err)
|
||||
}
|
||||
})
|
||||
|
||||
// 添加request拦截器
|
||||
Vue.addInterceptorsRequest('REQUEST_PARAMS_INTERCEPTOR', (e) => {
|
||||
e.headers['xdaptimestamp'] = new Date().getTime()
|
||||
|
||||
const authStore = store.state.authModule
|
||||
if (authStore.token) {
|
||||
e.headers['xdaptoken'] = authStore.token
|
||||
}
|
||||
e.headers['xdaptenantid'] = process.env.VUE_APP_TENANT_ID
|
||||
|
||||
return e
|
||||
})
|
||||
|
||||
// 添加response拦截器
|
||||
Vue.addInterceptorsResponse('RESPONSE_SUCCESS_MSG_INTERCEPTOR', (e) => {
|
||||
const token = e && e.headers && e.headers.xdaptoken
|
||||
if (token) {
|
||||
store.commit(`authModule/${SET_TOKEN}`, token)
|
||||
}
|
||||
if (e.data.code) {
|
||||
if (e && e.status === 200 && e.data.code === 'ok' && !e.config.disableSuccessMsg) {
|
||||
if (e.data.interval) {
|
||||
Vue.prototype.$message({
|
||||
message: e.data.message,
|
||||
type: 'success',
|
||||
durationTime: e.data.interval
|
||||
})
|
||||
} else {
|
||||
Vue.prototype.$message({
|
||||
message: e.data.message,
|
||||
type: 'success'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return e
|
||||
})
|
||||
121
vue.config.js
Normal file
121
vue.config.js
Normal file
@ -0,0 +1,121 @@
|
||||
/*
|
||||
* @Author: your name
|
||||
* @Date: 2020-05-27 09:29:16
|
||||
* @LastEditTime: 2020-05-27 11:00:29
|
||||
* @LastEditors: your name
|
||||
* @Description: In User Settings Edit
|
||||
* @FilePath: /x-product-workspace/packages/x-project-app/vue.config.js
|
||||
*/
|
||||
'use strict'
|
||||
'use strict'
|
||||
const path = require('path')
|
||||
|
||||
const resolve = (dir) => {
|
||||
return path.join(__dirname, './', dir)
|
||||
}
|
||||
|
||||
const isProd = () => {
|
||||
return process.env.NODE_ENV === 'production'
|
||||
}
|
||||
module.exports = {
|
||||
publicPath: process.env.VUE_APP_PUBLIC_PATH,
|
||||
assetsDir: 'public',
|
||||
lintOnSave: isProd(),
|
||||
productionSourceMap: false,
|
||||
transpileDependencies: [
|
||||
'@x-ui/x-dcloud-ui',
|
||||
'@x-apaas/x-lib-rule-engine',
|
||||
'@x-apaas/x-dcloud-page-web',
|
||||
'x-extension'
|
||||
],
|
||||
runtimeCompiler: true,
|
||||
// webpack-dev-server 相关配置
|
||||
devServer: {
|
||||
open: process.platform === 'darwin',
|
||||
host: '0.0.0.0',
|
||||
port: '8081',
|
||||
disableHostCheck: false,
|
||||
https: false,
|
||||
hotOnly: false,
|
||||
overlay: {
|
||||
warnings: false,
|
||||
errors: true
|
||||
},
|
||||
proxy: {
|
||||
'/custom': {
|
||||
target: 'https://apaas-meim.app.yuchai.com/apaas/backend/a5e8e08/ycgf-yf-rddata',
|
||||
changeOrigin: true,
|
||||
pathRewrite: {}
|
||||
}
|
||||
}
|
||||
},
|
||||
css: {
|
||||
loaderOptions: {
|
||||
sass: {
|
||||
prependData: `
|
||||
@import "@/assets/scss/variable.scss";
|
||||
`
|
||||
}
|
||||
}
|
||||
},
|
||||
pwa: {
|
||||
iconPaths: {
|
||||
favicon32: './favicon.ico',
|
||||
favicon16: './favicon.ico',
|
||||
appleTouchIcon: './favicon.ico',
|
||||
maskIcon: './favicon.ico',
|
||||
msTileImage: './favicon.ico'
|
||||
}
|
||||
},
|
||||
configureWebpack: () => ({
|
||||
name: 'vue-cli3-template',
|
||||
resolve: {
|
||||
alias: {
|
||||
// vue动态值
|
||||
vue$: 'vue/dist/vue.esm.js',
|
||||
|
||||
// vue快速路径
|
||||
'@': resolve('src')
|
||||
}
|
||||
},
|
||||
plugins: []
|
||||
}),
|
||||
chainWebpack: (config) => {
|
||||
// webpack-html-plugin
|
||||
// config.plugin('html').tap((options) => {
|
||||
// options[0].title = '得帆云 MDM平台'
|
||||
// options[0].minify = {
|
||||
// removeComments: true,
|
||||
// collapseWhitespace: true,
|
||||
// removeAttributeQuotes: true,
|
||||
// useShortDoctype: true,
|
||||
// removeEmptyAttributes: true,
|
||||
// removeStyleLinkTypeAttributes: true,
|
||||
// keepClosingSlash: true,
|
||||
// minifyJS: true,
|
||||
// minifyCSS: true,
|
||||
// minifyURLs: true
|
||||
// }
|
||||
// return options
|
||||
// })
|
||||
|
||||
//
|
||||
const svgRule = config.module.rule('svg')
|
||||
svgRule.uses.clear()
|
||||
|
||||
// svgRule.use("vue-svg-loader").loader("vue-svg-loader");
|
||||
// svgRule.exclude.add(/node_modules/);
|
||||
svgRule
|
||||
.test(/\.svg$/)
|
||||
.include.add(resolve('./src/assets/icon'))
|
||||
.add(resolve('./node_modules/@x-ui/x-dcloud-ui/lib/assets/icon'))
|
||||
.add(resolve('./node_modules/@x-apaas/x-dcloud-page-web/lib/assets/icon'))
|
||||
.end()
|
||||
.use('svg-sprite-loader')
|
||||
.loader('svg-sprite-loader')
|
||||
.options({
|
||||
symbolId: 'svg-[name]'
|
||||
})
|
||||
config.resolve.symlinks(true)
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user