Vue中的自定义表单操作

Question

我在Vuejs组件模板中使用表单。我不想定义完整的静态URL。页面网址类似于http://example.com/en/discusses 表格应在http://example.com/comments提交。 但是使用

<form action = "comments" method ="POST">

转到http://example.com/en/comments而不是http://example.com/comments。怎么实现这个？提前谢谢。

Answer 1

您可以在路线文件（routes / web.php）中为您的邮政路线命名：

例如：

Route::post('/comments', 'SomeController@store')->name('postComment');

通常情况下，您可以在刀片视图中使用表单中的命名路由：

<form action="{{ route('postComment') }}" method="POST">
</form>

在这种情况下，您使用Vue组件，您可以传递＆＃39; postComment＆＃39;路线

<component post-route="{{ route('postComment') }}"></component>

然后，接受Vue组件文件中的属性：

<template>
 <form action="this.post-route" method="POST"></form>
</template>

<script>
export default {
 props: ['post-route']
}
</script>

Answer 2

对于ajax调用我使用axios它有axios.default.baseUrl =＆＃39; yourBaseUrl＆＃39;

在每次ajax调用之前添加

yourBaseUrl。