如何在vuejs中传递表单动作url中的变量

Question

我正在尝试在表单操作中传递一个变量 url，但使用以下代码无法做到：

<form action="${url}/auth/login_student" method="POST">
....</form>

编辑： 在脚本标签中

<script>

export default {
  data() {
    return{
        url: process.env.VUE_APP_URL
    }
  }
}
</script>

我正在从 .env 中导入 URL，这是 hirerachy 中此文件上方的 2 个文件夹但它显示 process.env.VUE_APP_URL 未定义

我的.env文件代码：

VUE_APP_URL=http://localhost:5000

Answer 1

你必须使用 v-bind to set action to a JavaScript expression. You can then use a template string。

<form :action="`${url}/auth/login_student`" method="POST">
      ^        ^                         ^

How to pass a variable in form action url in vuejs