Vue 編寫js文件並引用

創建Js文件

import Axios from 'axios';

export function userLogin(urlBase,userId, pwd) {
    const url = urlBase+"login";
    Axios.post(url, {
        "pwd": userId,
        "userId": pwd
    }).then((response) => {
        this.msglist = response.data.result;
        console.log("請求到的數據：" + response);
        return response;
    }).catch((error) => {
        console.log(error);
        return null;
    })
}

引用

注意引用路徑

<script>
   import {userLogin} from '@/manager/net/NetUtil'
    import AppConstant from '@/AppConstant'
    export default {
        name: "Login",
        methods: {
            handleSubmit(loginData) {
                const resopnse = userLogin(AppConstant.serverBase,loginData.name, loginData.pwd);
            }

        }
    }
 </script>

AppConstant是用於保存全局常量

<script>
   export default {
       name: "Appconstant"
   }
   const serverBase = 'http://localhost:8099/';
</script>