springboot如何添加vue
时间: 2023-11-16 13:45:50 浏览: 94
要在Spring Boot项目中添加Vue,需要完成以下步骤:
1. 在项目的src/main/resources/static目录下创建一个新目录,例如“vue”。
2. 在“vue”目录中创建Vue项目。你可以使用Vue CLI来创建一个新的Vue项目,或者直接复制现有的Vue项目到这个目录中。
3. 在Spring Boot的Controller中添加一个路由,以便可以访问Vue应用程序的入口点。例如,你可以添加一个路由来处理“/vue”的GET请求,然后返回“vue/index.html”文件。
4. 在Vue项目中使用相对路径来引用静态资源,例如JavaScript文件、CSS文件和图像。例如,如果你在Vue项目中使用了“/static”目录下的JavaScript文件,则应该使用相对路径“../static/”来引用它们。
5. 在Vue项目中使用axios或其他JavaScript库来与Spring Boot后端进行通信。
完成以上步骤后,你可以使用http://localhost:8080/vue访问Vue应用程序。
阅读全文