Question

我是编程新手，我有一个与后端对话的网站（用GO编写）。我必须制作我的javascript中的网址，可配置。说实话，我真的不知道该怎么做。我之前从未听说过 make url configurable 。

这是什么以及我如何设置网址？我还会插入一些代码。我使用javascript，vuejs

<script>
/* eslint-disable */
export default {
    name: 'listCakes',
    data() {
        return {
            cakes: [],
            errors: [],
            currentPage: 1,
            alerts: [],
            total_cakes: 1,
            cake_fields: ['id', 'purpose']
        }
    },
    created() {
        this.loadCakes(0, 10)
    },
    watch: {
        currentPage: function (newPage) {
            this.loadCakes(newPage, 10)
        }
    }, 
    methods: {
        newCake(evt) {
            evt.preventDefault();
            window.API.post('https://192.168.78.92:8000/api/v1/cake', '{}')
                .then((response) => {
                    console.log(response.data);
                    this.loadCake(response.data.id)
                })
                .catch((error) => {
                    console.log(JSON.stringify(error))
                })
        }, 
        editCake(record, index) {
            var id = record.id
            this.$router.push({ name: 'editCake', params: { id } })
        },
        loadCake(id) {
            this.$router.push({ name: 'editCake', params: { id } })
        }, 
        loadCakes(currentPage, limit) {
            if (!(Number.isInteger(currentPage) && Number.isInteger(limit))) {
                currentPage = 0
                limit = 10
            }
            var offset = (currentPage - 1) * limit
            window.API.get('cake?offset=' + offset + '&limit=' + limit)
                .then(response => {
                    this.cakes = response.data.cakes;
                    this.total_cakes = response.data.total;
                    console.log(response.data.cakes)
                })
                .catch(e => {
                    this.errors.push(e)
                })
        }
    }
}

Answer 1

您的api url可以分为两部分： 1.服务基本路径（保持常量） 2.要呼叫的端点

在这个网址中： https://192.168.78.92:8000/api/v1/cake

https://192.168.78.92:8000/api/v1 - ＆gt;基本路径 / cake - ＆gt;要调用的端点

所以你可以有一个常量文件来导出basePath，如：

constants.js

export basePath = 'https://192.168.78.92:8000/api/v1'

apiCalls.js

import {basePath} from constants.js
const url = basePath + '/cake'
window.API.post(url , '{}')

如何在javascript中配置使用的URL

1 个答案: