Я пытаюсь запустить проект vue + laravel без php artisan serve
, но когда я получаю доступ к localhost / project / public, я вижу только пустую страницу с этим содержимым:
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?
family=Roboto:100,300,400,500,700,900"><link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
</head>
<body></body>
Несмотря на это, когда я получаю доступ к localhost/ project / public / any Я вижу свою страницу vue по умолчанию, не найденную, поэтому, когда я нажимаю кнопку «Перейти домой», я могу получить доступ ко всему моему проекту без проблем. Любой может помочь правильно перенаправить на / route при переходе на localhost / project / public.
Примечание: с php artisan serve
все работает нормально, и я пытаюсь это сделать, потому что хочу запустить свой проект в экземпляре ec2но сталкиваюсь с той же проблемой даже с виртуальным хостом для перенаправления в / project / public из .htacces. Это не проблема .htacces. Я могу делать перенаправления так, как хочу, но при перенаправлении в / public мой vue-файл он не загружается, это мойapp.js:
import Vue from 'vue';
import 'vuetify/dist/vuetify.min.css'
import Vuetify from 'vuetify'
import 'material-design-icons-iconfont/dist/material-design-icons.css'
import App from './App.vue';
import store from './store';
import router from './router';
Vue.use(Vuetify)
require('./bootstrap');
const opts = {}
import ApiService from './api/api.service';
ApiService.init();
window.Vue = require('vue');
const app = new Vue({
router,
store,
vuetify: new Vuetify(opts),
components: { App },
render: h => h(App)
}).$mount('#app');
это мой welcom.blade.php:
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Administrador') }}</title>
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<!-- Fonts -->
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600" rel="stylesheet" type="text/css">
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<div id="app">
<index></index>
</div>
</body>
</html>