Как создать список задач с octobercms? - PullRequest
Новая
       4

Как создать список задач с octobercms?

0 голосов
/ 24 декабря 2018

Я смотрел этот урок , чтобы создать простой API и использовать его с VueJS.

У меня нет проблем с извлечением данных, но когда я пытаюсь создать новый Todo, я получаюэта ошибка:

ОПЦИИ http://localhost/vue-test/api/add-todo2 404 (не найден) Доступ к XMLHttpRequest в «http://localhost/vue-test/api/add-todo2' из источника» http://localhost:8080' заблокирован политикой CORS: Ответ на предварительный запрос не проходит проверку контроля доступа: Он не имеет статуса HTTP ok

Моя .htaccess конфигурация: 

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

Это мой метод JavaScript:

addTodo(todo) {
    this.todos.push(todo);

    axios.post('http://localhost/vue-test/api/add-todo2', todo)
      .then(data => {
        console.log(data)
      })
      .catch(err => {
        console.log(err);
      });

А это мой код сервера: 

Route::post('/api/add-todo', function (Request $request) {
    $data = $request->input();
    Todo::create([
    'name' => $data['name'],
    'body' => $data['body'],
    'status' => $data['status']
    ]);
});

1 Ответ

0 голосов
/ 24 декабря 2018

У меня была такая же проблема.Моя проблема была решена путем добавления следующих строк в файл .htaccess: 

Header always set Access-Control-Allow-Origin "*"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"
Header always set Access-Control-Max-Age "1000"
Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, origin, authorization, accept, client-security-token, cache-control"

RewriteEngine On
RewriteCond %{REQUEST_METHOD} OPTIONS
RewriteRule ^(.*)$ $1 [R=200,L]

Для получения более подробной информации, вы можете проверить эту статью .

...