1

src/api/ajax.js

@@ -3,12 +3,12 @@ import qs from 'qs';
 import { Message } from 'element-ui';
 // import {BASE_URL} from '/wx'
 
-// axios.defaults.baseURL = '/api';
-axios.defaults.baseURL = 'https://yuehe.hellevil.com/'
+axios.defaults.baseURL = '/api';
+// axios.defaults.baseURL = 'https://yuehe.hellevil.com/'
 axios.defaults.headers.common['Content-Type'] = 'application/json; charset=UTF-8';
 //网络请求
 export default function ajax(url, data = {}, type = 'GET', isupload) {
-  return new Promise(function(resolve, reject) {
+  return new Promise(function (resolve, reject) {
     let promise;
     if (type === 'GET') {
       let dataStr = '';
@@ -37,17 +37,22 @@ export default function ajax(url, data = {}, type = 'GET', isupload) {
             'Content-Type': 'multipart/form-data',
           },
           transformRequest: [
-            function(data) {
+            function (data) {
               return data;
             },
           ],
         });
       } else {
-        promise = axios.post(url, qs.stringify(data));
+        // promise = axios.post(url, qs.stringify(data));
+        promise = axios.post(url, JSON.stringify(data), {
+          headers: {
+            'Content-Type': 'application/json; charset=utf-8'
+          }
+        });
       }
     }
     promise
-      .then(function(response) {
+      .then(function (response) {
         if (response.data.msg == '请求成功') {
           resolve(response.data);
         } else {
@@ -61,7 +66,7 @@ export default function ajax(url, data = {}, type = 'GET', isupload) {
           resolve(response.data);
         }
       })
-      .catch(function(error) {
+      .catch(function (error) {
         Message({
           message: '系统异常，请联系管理员',
           type: 'error',

src/api/index.js

@@ -1,4 +1,11 @@
 import ajax from './ajax';
-let openid = window.localStorage.getItem("openId");
+// let openid = window.localStorage.getItem("openId");
+let openId = 'oyp646XW37eIqrv3XisVWQ3xq3BQ';
 //获取openid
-export const getOpenId = params => ajax(`/wx/mpuser/wxeef6678b92b6c856/info`, params, 'GET');
+export const getOpenId = params => ajax(`/wx/mpuser/wxeef6678b92b6c856/info`, params, 'GET');
+// 支付获取参数
+export const getPay = params => ajax(`/pay/createOrder`, params, 'POST');
+// 获取权益列表
+export const getPayList = params => ajax(`/wx/membership/${openId}/grades`, params, 'GET');
+// 获取我已购买的列表
+export const getMypayList = params => ajax(`/wx/membership/${openId}/orders`, params, 'GET');

src/pages/firstPay.vue

@@ -2,31 +2,111 @@
   <div>
     <el-image style="width: 100%" :src="url" fit="contain"></el-image>
     <div class="pay_area">
-      <div class="btn">￥199/年 立即购买</div>
-      <div style='display:flex; justify-content:center'>
+      <div class="btn" @click="pay">￥199/年 立即购买</div>
+      <div style="display: flex; justify-content: center">
         <!-- <el-checkbox v-model="checked"/><div class="xy" @click="goXy()">平台用户服务协议</div> -->
-        <div class="xy" @click="goXy()">点击购买即代表同意<span style="font-weight:900;">《平台用户服务协议》</span></div>
+        <div class="xy" @click="goXy()">
+          点击购买即代表同意<span style="font-weight: 900"
+            >《平台用户服务协议》</span
+          >
+        </div>
       </div>
     </div>
   </div>
 </template>
 <script>
-// import { getActives } from "../api";
-// import openId from "../util/getOpenId";
+import openId from "../util/getOpenId";
+import { Message } from "element-ui";
+import { getPay } from "../api";
 export default {
   name: "firstPay",
   data() {
     return {
       url: require("../assets/199.png"),
+      payOptions: {
+        appId: "", //公众号名称，由商户传入
+        timeStamp: "", //时间戳，自1970年以来的秒数
+        nonceStr: "", //随机串
+        package: "", //prepay_id用等式的格式
+        signType: "", //微信签名方式：
+        paySign: "", //微信签名
+      },
     };
   },
   methods: {
-      goXy(){
-          this.$router.push('/xy')
+    goXy() {
+      this.$router.push("/xy");
+    },
+    jsSdk() {
+      // 判断微信的WeixinJSBridge
+      console.log(typeof WeixinJSBridge);
+      if (typeof WeixinJSBridge == "undefined") {
+        if (document.addEventListener) {
+          document.addEventListener(
+            "WeixinJSBridgeReady",
+            this.onBridgeReady,
+            false
+          );
+        } else if (document.attachEvent) {
+          document.attachEvent("WeixinJSBridgeReady", this.onBridgeReady);
+          document.attachEvent("onWeixinJSBridgeReady", this.onBridgeReady);
+        }
+      } else {
+        this.onBridgeReady();
       }
+    },
+    // 支付sdk准备完成
+    onBridgeReady() {
+      // 触发微信支付
+      WeixinJSBridge.invoke(
+        "getBrandWCPayRequest",
+        this.payOptions,
+        function (res) {
+          console.log(res);
+          if (res.err_msg == "get_brand_wcpay_request:ok") {
+            // 支付成功 返回成功页
+            let tempUrl = "https://yuehe.hellevil.com/mp/#/paySuccess";
+            location.href = tempUr;
+          } else {
+            //  取消支付或者其他情况 get_brand_wcpay_request:cancel get_brand_wcpay_request:fail
+            let tempUrl = "https://yuehe.hellevil.com/mp/#/";
+            location.href = tempUrl;
+          }
+        }
+      );
+    },
+    async pay() {
+      let params = {
+        body: "wxtest199",
+        outTradeNo: new Date().getTime(),
+        totalFee: "1",
+        spbillCreateIp: "127.0.0.1",
+        notifyUrl: "https://yuehe.hellevil.com/pay/notify/order",
+        tradeType: "JSAPI",
+        openid: "oyp646XW37eIqrv3XisVWQ3xq3BQ",
+        // openid: window.localStorage.getItem("openId"),
+      };
+      console.log(params);
+      const result = await getPay(params);
+      console.log(result);
+      this.payOptions.appId = result.appId; //公众号名称，由商户传入
+      this.payOptions.timeStamp = result.timeStamp; //时间戳，自1970年以来的秒数
+      this.payOptions.nonceStr = result.nonceStr; //随机串
+      this.payOptions.package = result.packageValue; //prepay_id用等式的格式
+      this.payOptions.signType = result.signType; //微信签名方式：
+      this.payOptions.paySign = result.paySign; //微信签
+      console.log(this.payOptions);
+      this.jsSdk();
+    },
   },
   computed: {},
-  mounted() {},
+  mounted() {
+    // openId.getOpenId(() => {
+    //   let openid = window.localStorage.getItem("openId");
+    //   console.log(openid, "我是获取的openid");
+    // });
+    
+  },
 };
 </script>
 <style scoped lang="less">
@@ -47,12 +127,12 @@ export default {
   line-height: 60px;
   color: #fff;
 }
-.el-checkbox /deep/ .el-checkbox__label{
-    color: #fff;
+.el-checkbox /deep/ .el-checkbox__label {
+  color: #fff;
 }
-.xy{
-    font-size: 13px;
-    color: #fff;
-    margin-left: 5px;
+.xy {
+  font-size: 13px;
+  color: #fff;
+  margin-left: 5px;
 }
 </style>

src/pages/index.vue

@@ -16,33 +16,39 @@
       </div>
     </div>
     <div class="pay_area">
-      <div class="pay_btn" @click="jsSdk()">立即购买</div>
+      <div class="pay_btn" @click="pay">立即购买</div>
       <div style="display: flex; justify-content: center">
         <!-- <el-checkbox
           v-model="checked"
           @change="checkboxChange"
           style="margin-top: 2px"
         /> -->
-        <div class="xy" @click="goXy()">点击购买即代表同意<span style="color:rgba(20,80,130);font-weight:900;">《平台用户服务协议》</span></div>
+        <div class="xy" @click="goXy()">
+          点击购买即代表同意<span
+            style="color: rgba(20, 80, 130); font-weight: 900"
+            >《平台用户服务协议》</span
+          >
+        </div>
       </div>
     </div>
   </div>
 </template>
 <script>
 import openId from "../util/getOpenId";
+import { Message } from "element-ui";
+import { getPay, getPayList, getMypayList } from "../api";
 export default {
   name: "index",
   data() {
     return {
-      url: require("../assets/huiyuan_bj.png"),
+      url: require("../assets/huiyuan_bj.jpg"),
       radioTreaty: "1",
-      // checked: false,
-      payOption: {
-        appId: "wxeef6678b92b6c856", //公众号名称，由商户传入
+      payOptions: {
+        appId: "", //公众号名称，由商户传入
         timeStamp: "", //时间戳，自1970年以来的秒数
         nonceStr: "", //随机串
-        package: "prepay_id=wxXXXXXXX", //prepay_id用等式的格式
-        signType: "MD5", //微信签名方式：
+        package: "", //prepay_id用等式的格式
+        signType: "", //微信签名方式：
         paySign: "", //微信签名
       },
     };
@@ -63,27 +69,13 @@ export default {
     radioChange: (val) => {
       console.log(val);
     },
-    checkboxChange: (val) => {
-      this.checked = val;
-      console.log(val);
-    },
-    getTimeStamp() {
-      this.payOption.timeStamp = new Date().getTime();
-    },
-    randomString() {
-      let len = 32;
-      let $chars = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678";
-      let maxPos = $chars.length;
-      let pwd = "";
-      for (let i = 0; i < len; i++) {
-        pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
-      }
-      console.log(pwd);
-      this.payOption.nonceStr = pwd;
-    },
+    // checkboxChange: (val) => {
+    //   this.checked = val;
+    //   console.log(this.checked);
+    // },
     jsSdk() {
       // 判断微信的WeixinJSBridge
-      console.log(typeof WeixinJSBridge)
+      console.log(typeof WeixinJSBridge);
       if (typeof WeixinJSBridge == "undefined") {
         if (document.addEventListener) {
           document.addEventListener(
@@ -96,10 +88,7 @@ export default {
           document.attachEvent("onWeixinJSBridgeReady", this.onBridgeReady);
         }
       } else {
-        // this.randomString();
-        // this.getTimeStamp();
         this.onBridgeReady();
-        
       }
     },
     // 支付sdk准备完成
@@ -107,35 +96,82 @@ export default {
       // 触发微信支付
       WeixinJSBridge.invoke(
         "getBrandWCPayRequest",
-        {
-          appId: this.payOption.appId, //公众号名称，由商户传入
-          timeStamp: this.payOption.timeStamp, //时间戳，自1970年以来的秒数
-          nonceStr: this.payOption.nonceStr, //随机串
-          package: this.payOption.package, //prepay_id用等式的格式
-          signType: this.payOption.signType, //微信签名方式：
-          paySign: this.payOption.paySign, //微信签名
-        },
+        this.payOptions,
         function (res) {
+          console.log(res);
           if (res.err_msg == "get_brand_wcpay_request:ok") {
             // 支付成功 返回成功页
-            let tempUrl = "//paysucc";
+            let tempUrl = "https://yuehe.hellevil.com/mp/#/paySuccess";
             location.href = tempUr;
           } else {
             //  取消支付或者其他情况 get_brand_wcpay_request:cancel get_brand_wcpay_request:fail
-            let tempUrl = "//topay";
+            let tempUrl = "https://yuehe.hellevil.com/mp/#/";
             location.href = tempUrl;
           }
         }
       );
     },
+    async pay() {
+      let params = {};
+      if (this.radioTreaty == "1") {
+        params = {
+          body: "wxtest199",
+          outTradeNo: new Date().getTime(),
+          totalFee: "1",
+          spbillCreateIp: "127.0.0.1",
+          notifyUrl: "https://yuehe.hellevil.com/pay/notify/order",
+          tradeType: "JSAPI",
+          openid: "oyp646XW37eIqrv3XisVWQ3xq3BQ",
+          // openid: window.localStorage.getItem("openId"),
+        };
+      }
+      if (this.radioTreaty == "2") {
+        params = {
+          body: "wxtest399",
+          outTradeNo: new Date().getTime(),
+          totalFee: "2",
+          spbillCreateIp: "127.0.0.1",
+          notifyUrl: "https://yuehe.hellevil.com/pay/notify/order",
+          tradeType: "JSAPI",
+          openid: "oyp646XW37eIqrv3XisVWQ3xq3BQ",
+          // openid: window.localStorage.getItem("openId"),
+        };
+      }
+      if (this.radioTreaty == "3") {
+        params = {
+          body: "wxtest1999",
+          outTradeNo: new Date().getTime(),
+          totalFee: "3",
+          spbillCreateIp: "127.0.0.1",
+          notifyUrl: "https://yuehe.hellevil.com/pay/notify/order",
+          tradeType: "JSAPI",
+          openid: "oyp646XW37eIqrv3XisVWQ3xq3BQ",
+          // openid: window.localStorage.getItem("openId"),
+        };
+      }
+      console.log(params);
+      const result = await getPay(params);
+      console.log(result);
+      this.payOptions.appId = result.appId; //公众号名称，由商户传入
+      this.payOptions.timeStamp = result.timeStamp; //时间戳，自1970年以来的秒数
+      this.payOptions.nonceStr = result.nonceStr; //随机串
+      this.payOptions.package = result.packageValue; //prepay_id用等式的格式
+      this.payOptions.signType = result.signType; //微信签名方式：
+      this.payOptions.paySign = result.paySign; //微信签
+      console.log(this.payOptions);
+      this.jsSdk();
+    },
   },
   computed: {},
-  mounted() {
+  async mounted() {
     // openId.getOpenId(() => {
     //   let openid = window.localStorage.getItem("openId");
     //   console.log(openid, "我是获取的openid");
     // });
-
+    const result = await getPayList();
+    console.log(result)
+    const result1 = await getMypayList();
+    console.log(result1)
   },
 };
 </script>

src/pages/paySuccess.vue

@@ -0,0 +1,26 @@
+<template>
+  <div>
+    <div align="center">
+      <img style="width: 100px; height: 100px;margin-top:100px" src="../assets/gou.jpg" alt="" />
+    </div>
+    <div style="text-align:center;width:100%;margin-top:50px;font-size:18px">支付成功</div>
+    <div style="text-align:center;width:100%;margin-top:20px;font-size:18px" @click="goIndex">返回首页</div>
+  </div>
+</template>
+<script>
+export default {
+  name: "payList",
+  data() {
+    return {};
+  },
+  methods: {
+      goIndex(){
+          this.$router.push("/");
+      }
+  },
+  computed: {},
+  mounted() {},
+};
+</script>
+<style scoped>
+</style>

src/pages/secondPay.vue

@@ -2,31 +2,111 @@
   <div>
     <el-image style="width: 100%" :src="url" fit="contain"></el-image>
     <div class="pay_area">
-      <div class="btn">￥399/年 立即购买</div>
-      <div style='display:flex; justify-content:center'>
+      <div class="btn" @click="pay">￥399/年 立即购买</div>
+      <div style="display: flex; justify-content: center">
         <!-- <el-checkbox v-model="checked"/><div class="xy" @click="goXy()">平台用户服务协议</div> -->
-        <div class="xy" @click="goXy()">点击购买即代表同意<span style="color:rgba(20,80,130);font-weight:900;">《平台用户服务协议》</span></div>
+        <div class="xy" @click="goXy()">
+          点击购买即代表同意<span
+            style="color: rgba(20, 80, 130); font-weight: 900"
+            >《平台用户服务协议》</span
+          >
+        </div>
       </div>
     </div>
   </div>
 </template>
 <script>
-// import { getActives } from "../api";
-// import openId from "../util/getOpenId";
+import openId from "../util/getOpenId";
+import { Message } from "element-ui";
+import { getPay } from "../api";
 export default {
   name: "secondPay",
   data() {
     return {
       url: require("../assets/399.png"),
+      payOptions: {
+        appId: "", //公众号名称，由商户传入
+        timeStamp: "", //时间戳，自1970年以来的秒数
+        nonceStr: "", //随机串
+        package: "", //prepay_id用等式的格式
+        signType: "", //微信签名方式：
+        paySign: "", //微信签名
+      },
     };
   },
   methods: {
-      goXy(){
-          this.$router.push('/xy')
+    goXy() {
+      this.$router.push("/xy");
+    },
+    jsSdk() {
+      // 判断微信的WeixinJSBridge
+      console.log(typeof WeixinJSBridge);
+      if (typeof WeixinJSBridge == "undefined") {
+        if (document.addEventListener) {
+          document.addEventListener(
+            "WeixinJSBridgeReady",
+            this.onBridgeReady,
+            false
+          );
+        } else if (document.attachEvent) {
+          document.attachEvent("WeixinJSBridgeReady", this.onBridgeReady);
+          document.attachEvent("onWeixinJSBridgeReady", this.onBridgeReady);
+        }
+      } else {
+        this.onBridgeReady();
       }
+    },
+    // 支付sdk准备完成
+    onBridgeReady() {
+      // 触发微信支付
+      WeixinJSBridge.invoke(
+        "getBrandWCPayRequest",
+        this.payOptions,
+        function (res) {
+          console.log(res);
+          if (res.err_msg == "get_brand_wcpay_request:ok") {
+            // 支付成功 返回成功页
+            let tempUrl = "https://yuehe.hellevil.com/mp/#/paySuccess";
+            location.href = tempUr;
+          } else {
+            //  取消支付或者其他情况 get_brand_wcpay_request:cancel get_brand_wcpay_request:fail
+            let tempUrl = "https://yuehe.hellevil.com/mp/#/";
+            location.href = tempUrl;
+          }
+        }
+      );
+    },
+    async pay() {
+      let params = {
+        body: "wxtest399",
+        outTradeNo: new Date().getTime(),
+        totalFee: "2",
+        spbillCreateIp: "127.0.0.1",
+        notifyUrl: "https://yuehe.hellevil.com/pay/notify/order",
+        tradeType: "JSAPI",
+        // openid: "oyp646XW37eIqrv3XisVWQ3xq3BQ",
+        openid: window.localStorage.getItem("openId"),
+      };
+      console.log(params);
+      const result = await getPay(params);
+      console.log(result);
+      this.payOptions.appId = result.appId; //公众号名称，由商户传入
+      this.payOptions.timeStamp = result.timeStamp; //时间戳，自1970年以来的秒数
+      this.payOptions.nonceStr = result.nonceStr; //随机串
+      this.payOptions.package = result.packageValue; //prepay_id用等式的格式
+      this.payOptions.signType = result.signType; //微信签名方式：
+      this.payOptions.paySign = result.paySign; //微信签
+      console.log(this.payOptions);
+      this.jsSdk();
+    },
   },
   computed: {},
-  mounted() {},
+  mounted() {
+    openId.getOpenId(() => {
+      let openid = window.localStorage.getItem("openId");
+      console.log(openid, "我是获取的openid");
+    });
+  },
 };
 </script>
 <style scoped lang="less">
@@ -34,7 +114,7 @@ export default {
   width: 100%;
   height: 100px;
   text-align: center;
-  background: rgba(218,80,80);
+  background: rgba(218, 80, 80);
 }
 .el-image {
   display: block;
@@ -47,12 +127,12 @@ export default {
   line-height: 60px;
   color: #fff;
 }
-.el-checkbox /deep/ .el-checkbox__label{
-    color: #fff;
+.el-checkbox /deep/ .el-checkbox__label {
+  color: #fff;
 }
-.xy{
-    font-size: 13px;
-    color: #fff;
-    margin-left: 5px;
+.xy {
+  font-size: 13px;
+  color: #fff;
+  margin-left: 5px;
 }
 </style>

src/pages/thirdPay.vue

@@ -2,31 +2,111 @@
   <div>
     <el-image style="width: 100%" :src="url" fit="contain"></el-image>
     <div class="pay_area">
-      <div class="btn">￥1999/年 立即购买</div>
-      <div style='display:flex; justify-content:center'>
+      <div class="btn" @click="pay">￥1999/年 立即购买</div>
+      <div style="display: flex; justify-content: center">
         <!-- <el-checkbox v-model="checked"/><div class="xy" @click="goXy()">平台用户服务协议</div> -->
-        <div class="xy" @click="goXy()">点击购买即代表同意<span style="color:rgba(20,80,130);font-weight:900;">《平台用户服务协议》</span></div>
+        <div class="xy" @click="goXy()">
+          点击购买即代表同意<span
+            style="color: rgba(20, 80, 130); font-weight: 900"
+            >《平台用户服务协议》</span
+          >
+        </div>
       </div>
     </div>
   </div>
 </template>
 <script>
-// import { getActives } from "../api";
-// import openId from "../util/getOpenId";
+import openId from "../util/getOpenId";
+import { Message } from "element-ui";
+import { getPay } from "../api";
 export default {
   name: "thirdPay",
   data() {
     return {
       url: require("../assets/1999.png"),
+      payOptions: {
+        appId: "", //公众号名称，由商户传入
+        timeStamp: "", //时间戳，自1970年以来的秒数
+        nonceStr: "", //随机串
+        package: "", //prepay_id用等式的格式
+        signType: "", //微信签名方式：
+        paySign: "", //微信签名
+      },
     };
   },
   methods: {
-      goXy(){
-          this.$router.push('/xy')
+    goXy() {
+      this.$router.push("/xy");
+    },
+    jsSdk() {
+      // 判断微信的WeixinJSBridge
+      console.log(typeof WeixinJSBridge);
+      if (typeof WeixinJSBridge == "undefined") {
+        if (document.addEventListener) {
+          document.addEventListener(
+            "WeixinJSBridgeReady",
+            this.onBridgeReady,
+            false
+          );
+        } else if (document.attachEvent) {
+          document.attachEvent("WeixinJSBridgeReady", this.onBridgeReady);
+          document.attachEvent("onWeixinJSBridgeReady", this.onBridgeReady);
+        }
+      } else {
+        this.onBridgeReady();
       }
+    },
+    // 支付sdk准备完成
+    onBridgeReady() {
+      // 触发微信支付
+      WeixinJSBridge.invoke(
+        "getBrandWCPayRequest",
+        this.payOptions,
+        function (res) {
+          console.log(res);
+          if (res.err_msg == "get_brand_wcpay_request:ok") {
+            // 支付成功 返回成功页
+            let tempUrl = "https://yuehe.hellevil.com/mp/#/paySuccess";
+            location.href = tempUr;
+          } else {
+            //  取消支付或者其他情况 get_brand_wcpay_request:cancel get_brand_wcpay_request:fail
+            let tempUrl = "https://yuehe.hellevil.com/mp/#/";
+            location.href = tempUrl;
+          }
+        }
+      );
+    },
+    async pay() {
+      let params = {
+        body: "wxtest1999",
+        outTradeNo: new Date().getTime(),
+        totalFee: "3",
+        spbillCreateIp: "127.0.0.1",
+        notifyUrl: "https://yuehe.hellevil.com/pay/notify/order",
+        tradeType: "JSAPI",
+        // openid: "oyp646XW37eIqrv3XisVWQ3xq3BQ",
+        openid: window.localStorage.getItem("openId"),
+      };
+      console.log(params);
+      const result = await getPay(params);
+      console.log(result);
+      this.payOptions.appId = result.appId; //公众号名称，由商户传入
+      this.payOptions.timeStamp = result.timeStamp; //时间戳，自1970年以来的秒数
+      this.payOptions.nonceStr = result.nonceStr; //随机串
+      this.payOptions.package = result.packageValue; //prepay_id用等式的格式
+      this.payOptions.signType = result.signType; //微信签名方式：
+      this.payOptions.paySign = result.paySign; //微信签
+      console.log(this.payOptions);
+      this.jsSdk();
+    },
   },
   computed: {},
-  mounted() {},
+  mounted() {
+    openId.getOpenId(() => {
+      let openid = window.localStorage.getItem("openId");
+      console.log(openid, "我是获取的openid");
+    });
+  },
 };
 </script>
 <style scoped lang="less">
@@ -34,7 +114,7 @@ export default {
   width: 100%;
   height: 100px;
   text-align: center;
-  background: rgba(218,80,80);
+  background: rgba(218, 80, 80);
 }
 .el-image {
   display: block;
@@ -47,12 +127,12 @@ export default {
   line-height: 60px;
   color: #fff;
 }
-.el-checkbox /deep/ .el-checkbox__label{
-    color: #fff;
+.el-checkbox /deep/ .el-checkbox__label {
+  color: #fff;
 }
-.xy{
-    font-size: 13px;
-    color: #fff;
-    margin-left: 5px;
+.xy {
+  font-size: 13px;
+  color: #fff;
+  margin-left: 5px;
 }
 </style>

src/router/index.js

@@ -29,14 +29,19 @@ const routes = [
     path: '/thirdPay',
     name: 'thirdPay',
     component: getComponent('thirdPay'),
-  }, 
+  },
   {
     path: '/payList',
     name: 'payList',
     component: getComponent('payList'),
+  }, {
+    path: '/paySuccess',
+    name: 'paySuccess',
+    component: getComponent('paySuccess')
   }
 ]
 const router = new VueRouter({
+  // mode: 'history',
   routes
 })
 

vue.config.js

@@ -2,16 +2,16 @@ module.exports = {
   productionSourceMap: false,
   publicPath: "./",
   lintOnSave: false,
-  // devServer: {  
-  //   proxy: {  //配置跨域
-  //     '/api': {
-  //       target: 'https://yuehe.hellevil.com/',  //这里后台的地址模拟的;应该填写你们真实的后台接口
-  //       changOrigin: true,  //允许跨域
-  //       pathRewrite: {
-  //         '^/api': '' 
-  //       }
-  //     },
-  //   }
-  // },
+  devServer: {  
+    proxy: {  //配置跨域
+      '/api': {
+        target: 'https://yuehe.hellevil.com/',  //这里后台的地址模拟的;应该填写你们真实的后台接口
+        changOrigin: true,  //允许跨域
+        pathRewrite: {
+          '^/api': '' 
+        }
+      },
+    }
+  },
 };