Как устранить ошибку GET http://vue-app/main.js net::ERR_ABORTED 404 (Not Found)?

Question

Прошу помощи, мучаюсь с этим уже какой день. Пожалуй, нужно расписать конкретно, что я сделала. Я создала новый проект в папке domains в Open Server, загрузила laravel (команда: laravel new), далее проделала команды (composer require laravel/ui, php artisan ui vue, npm install, npm run dev). В папке /public/js создала файл main.js. Его содержимое:

new Vue({
  el: '#app',

  mounted() {
    axios.get('/skills').then(response => console.log(response));
  }
});

Далее web.php:

<?php

use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return view('welcome');
});

Route::get('skills', function() {
  return ['Laravel', 'Vue', 'PHP', 'JavaScript', 'Tooling'];
});

И welcome.blade.php:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Laravel</title>
    </head>
    <body>
        <div id="app">

        </div>
        <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
        <script src = "/js/main.js"></script>
    </body>
</html>

Открыла в браузере с помощью Open Server и увидела ошибку: Как устранить ошибку GET http://vue-app/main.js net::ERR_ABORTED 404 (Not Found)

Answer 1

Пробуем решить вашу проблему

Настраиваем OpenServer Идем в настройки OpenServer -> вкладка домены и добавляем

доменное имя vueapp
папка домена vueapp/public

Важно добавить, а потом сохранить (сервер перезапустится и не нужно будет больше прописывать public при вызовах)

Возвращаем в "/js/main.js" в welcome.blade.php (путь должен нормально перенаправлятся)
Файл путей web.php

Ответ было бы правильнее через респонс отправлять, сорри за тавталогию

Route::get('/skills', function() { 

return response()->json(
[ 'one', 'two','three'],
 200); 
 });

Должно заработать

БЛОГ НА HUSL

Как устранить ошибку GET http://vue-app/main.js net::ERR_ABORTED 404 (Not Found)?

Ответы (1 шт):