저는 vue에 처음 와서 laravel vue.js SPA를 만들려고 합니다.몇 가지 튜토리얼을 보고 매뉴얼까지 따라 해봤지만 이 방법을 찾을 수 없습니다.router-link는 텍스트를 정상적으로 생성하지만 특정 루트에 대한 href는 생성하지 않습니다.URL에서 원하는 경로로 바꾸면 404가 나오는데 어디가 잘못됐는지 모르겠어요.
app.blade.blade(현재 뷰로 동작)
<!doctype html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Laravel') }}</title>
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet">
<!-- Scripts -->
<script src="https://unpkg.com/vue@3"></script>
<script src="https://unpkg.com/vue-router@4"></script> </head> <body>
<div id="app">
<h1>Hello App</h1>
<router-link to="/">Go To Home </router-link>
<router-link to="/about">Go To About </router-link>
<router-view></router-view>
</div> </body> </html>
app.module
/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
import "./bootstrap"; import { createApp } from "vue"; import Home from './components/Home.<vue'; import About from './components/About.vue'; import VueRouter from 'vue-router'; /**
* Next, we will create a fresh Vue application instance. You may then begin
* registering components with the application instance so they are ready
* to use in your application's views. An example is included for you.
*/ const routes = [
{
path:'/',
component: Home
},
{
path:'/about',
component: About
} ];
const router = new VueRouter({
routes:routes })
const app = createApp({});
app.use(router);
app.mount("#app");
홈 컴포넌트:
<template>
<div>
Home page
</div> </template>
<script> export default {
} </script>
About component는 Home과 동일한 코드입니다.제가 볼 수 없는 것을 놓쳤나요?감사해요.
문제가 있는지 보기(app.blade.php)를 현재 보기로 변경해 보았습니다.코드를 몇 번 다시 해봤는데 뭔가 보여주려고 했던 건 이번이 처음이었는데 아무데도 안 가요
출력