axios安装,接口配置

main
xuechunyuan 3 years ago
parent f28439aa23
commit da7ed3f33e
  1. 1
      package.json
  2. 19
      src/api/hospital.js
  3. BIN
      src/assets/image/fail_tip.png
  4. 2
      src/utils/axios.js
  5. 8
      src/views/Guidance.vue
  6. 89
      src/views/HomeView.vue
  7. 16
      vue.config.js
  8. 44
      yarn.lock

@ -8,6 +8,7 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
"axios": "^1.3.2",
"core-js": "^3.8.3",
"vant": "^2.12.53",
"vconsole": "^3.15.0",

@ -0,0 +1,19 @@
import request from "../utils/axios";
//医院列表
export const queryHosiptal = () => {
return request({
url: '/api/blade-system/dept/list-hospital',
method: 'get',
})
};
//预约须知
export const queryNoticeDetail = (id) => {
return request({
url: '/api/blade-business/article/detail-by-id',
method: 'get',
params:{
id
}
})
};

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

@ -7,6 +7,8 @@ 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(

@ -62,7 +62,7 @@ export default {
return;
}
const { scrollTop, clientHeight, scrollHeight } = e.target;
if (scrollTop + clientHeight === scrollHeight) {
if ((scrollTop + clientHeight) >= (scrollHeight - 5)) {
this.isFlag = true;
console.log('阅读完成')
}
@ -74,7 +74,7 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.guidance {
height:100%;
height: 100%;
background-color: #fff;
.guide_title {
@ -102,7 +102,7 @@ export default {
margin: 0.86rem 0.4rem 0;
.guide_actBtn {
float:left;
float: left;
display: inline-block;
width: 3rem;
color: #999999;
@ -116,7 +116,7 @@ export default {
border: 0.02rem solid #E1E1E1;
&.blue {
float:right;
float: right;
color: #fff;
background: #1677FF;
border-color: #1677FF;

@ -40,11 +40,24 @@
<div class="act_box">
<div @click="goMyBook" class="act_btn">我的预约</div>
</div>
<!-- 黑名单等错误提示 -->
<van-overlay :show="isShowError">
<div class="wrapper" @click.sto>
<div class="img_box">
<img src="~@/assets/image/fail_tip.png" alt="">
</div>
<div class="tips">提示</div>
<div class="tip_txt">{{ errMsg }}</div>
<div class="btn" @click="isShowError = false">知道了</div>
</div>
<div class="close_box" @click="isShowError = false"><img src="~@/assets/image/close.png" alt=""></div>
</van-overlay>
<!-- 阅读须知 -->
<!-- <GuidanceVue @doCancelGuide="doCancelGuide" v-if="guideShow"></GuidanceVue> -->
</div>
</template>
<script>
import { queryHosiptal } from "@/api/hospital";
import GuidanceVue from '@/components/Guidance.vue';
import { getUserInfo } from '@/utils/aisdapp';
import { isMobile } from '@/utils';
@ -57,6 +70,8 @@ export default {
return {
guideShow: false,
userInfo: null,
errMsg: '由于您未及时进行报道,已被拉黑请于10日后再次进行预约',
isShowError:false,//
}
},
mounted() {
@ -68,12 +83,20 @@ export default {
}
else {
this.userInfo = userInfo;
this.queryHosiptal();
}
} else {
this.queryHosiptal();
return false // alert('PC')
}
},
methods: {
//
queryHosiptal() {
queryHosiptal().then(res => {
})
},
//
goMyBook() {
this.$router.push({ name: 'MyExam' });
@ -174,5 +197,71 @@ export default {
border-radius: 0.08rem;
}
}
.wrapper {
width: 5.98rem;
height: 6.66rem;
background: #FFFFFF;
border-radius: 0.16rem;
margin: 0 auto;
margin-top: 2.76rem;
.img_box {
display: flex;
justify-content: center;
img {
width: 1rem;
height: 1rem;
margin-top: 1.2rem;
}
}
.tips {
display: flex;
justify-content: center;
font-size: 0.34rem;
color: #000;
font-weight: bold;
margin: 0.56rem 0 0.2rem 0;
font-family: PingFang SC-Regular, PingFang SC;
}
.tip_txt {
width:3.6rem;
color: #666;
font-size: 0.24rem;
text-align: center;
font-family: PingFang SC-Regular, PingFang SC;
margin: 0 auto;
}
.btn {
width: 3rem;
height: 0.8rem;
background: #1677FF;
border-radius: 0.08rem;
margin: 0 auto;
margin-top: 0.6rem;
font-size: 0.3rem;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC-Regular, PingFang SC;
}
}
.close_box {
display: flex;
justify-content: center;
margin-top: 0.6rem;
img {
width: 0.5rem;
height: 0.5rem;
}
}
}
</style>

@ -2,4 +2,20 @@ const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
lintOnSave: false,
transpileDependencies: true,
//开发模式反向代理配置,生产模式请使用Nginx部署并配置反向代理
devServer: {
port: 8080,
proxy: {
'/api': {
//本地服务接口地址
target: 'http://192.168.1.106',
//远程演示服务地址,可用于直接启动项目
// target: 'https://saber.bladex.vip/api',
ws: true,
pathRewrite: {
'^/api': '/'
}
}
}
}
});

@ -1889,6 +1889,11 @@ async@^2.6.4:
dependencies:
lodash "^4.17.14"
asynckit@^0.4.0:
version "0.4.0"
resolved "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
at-least-node@^1.0.0:
version "1.0.0"
resolved "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
@ -1906,6 +1911,15 @@ autoprefixer@^10.2.4:
picocolors "^1.0.0"
postcss-value-parser "^4.2.0"
axios@^1.3.2:
version "1.3.2"
resolved "https://registry.npmmirror.com/axios/-/axios-1.3.2.tgz#7ac517f0fa3ec46e0e636223fd973713a09c72b3"
integrity sha512-1M3O703bYqYuPhbHeya5bnhpYVsDDRyQSabNja04mZtboLNSuZ4YrltestrLXfHgmzua4TpUqRiVKbiQuo2epw==
dependencies:
follow-redirects "^1.15.0"
form-data "^4.0.0"
proxy-from-env "^1.1.0"
babel-loader@^8.2.2:
version "8.3.0"
resolved "https://registry.npmmirror.com/babel-loader/-/babel-loader-8.3.0.tgz#124936e841ba4fe8176786d6ff28add1f134d6a8"
@ -2272,6 +2286,13 @@ colorette@^2.0.10:
resolved "https://registry.npmmirror.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
combined-stream@^1.0.8:
version "1.0.8"
resolved "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
dependencies:
delayed-stream "~1.0.0"
commander@^2.20.0:
version "2.20.3"
resolved "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
@ -2614,6 +2635,11 @@ define-properties@^1.1.4:
has-property-descriptors "^1.0.0"
object-keys "^1.1.1"
delayed-stream@~1.0.0:
version "1.0.0"
resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
depd@2.0.0:
version "2.0.0"
resolved "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
@ -3201,11 +3227,20 @@ flatted@^3.1.0:
resolved "https://registry.npmmirror.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
follow-redirects@^1.0.0:
follow-redirects@^1.0.0, follow-redirects@^1.15.0:
version "1.15.2"
resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
form-data@^4.0.0:
version "4.0.0"
resolved "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
dependencies:
asynckit "^0.4.0"
combined-stream "^1.0.8"
mime-types "^2.1.12"
forwarded@0.2.0:
version "0.2.0"
resolved "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
@ -4061,7 +4096,7 @@ mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
resolved "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
version "2.1.35"
resolved "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
@ -4842,6 +4877,11 @@ proxy-addr@~2.0.7:
forwarded "0.2.0"
ipaddr.js "1.9.1"
proxy-from-env@^1.1.0:
version "1.1.0"
resolved "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
pseudomap@^1.0.2:
version "1.0.2"
resolved "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"

Loading…
Cancel
Save