Size: a a a

Nuxt.js | Vue SSR

2021 February 17

ИК

Илья Киселев... in Nuxt.js | Vue SSR
?
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Есть отдельно фронт, крутится на 5000 порту.
Есть бэк, крутится на 3000 порту.
На фроне в nuxt.config указано:
axios: { proxy: true },
proxy: { "/api/": "http://localhost:3000" },

На фронте отправляю данные:
send() {
     const formData = new FormData();
     formData.append("data", this.data);
     this.$axios
       .post("http://localhost:3000/api/email", formData, {
         headers: { "Content-Type": "multipart/form-data" },
       })
   }
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
На бэке принимаю:
const express = require("express");
var cors = require("cors");
const router = express.Router();
const app = express();

var corsOptions = {
 origin: "*",
};

router.post("/uf", cors(corsOptions), (req, res) => {
 if (req.body.name && req.body.phone && req.body.url) {
   const { name, phone } = req.body;
   const template = шаблон сообщения;
   sendMail(template);
   res.status(200).json("Сообщение отправлено");
 } else {
   res.status(500).json({ message: "Не хватает данных для отправки почты" });
 }
});
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Ошибка:
Access to XMLHttpRequest at 'http://localhost:3000/api/email/uf' from origin 'http://localhost:5000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Данные запроса:
Request URL: http://localhost:3000/api/email/uf
Referrer Policy: strict-origin-when-cross-origin

Provisional headers are shown
Accept: application/json, text/plain, */*
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryZ3n2FKfKn2YFmJmY
DNT: 1
Referer: http://localhost:5000/
sec-ch-ua: "Chromium";v="88", "Google Chrome";v="88", ";Not A Brand";v="99"
sec-ch-ua-mobile: ?0
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36

name: Тест
phone: 0000000000
url: /
источник

DP

Dmitry Petrik in Nuxt.js | Vue SSR
Aleksandr Dergunov
Удалил axios: { proxy: true },
proxy: { "/api/": "http://localhost:3000" } - ничего не поменялось.
Ты кстати с проксей будь поаккуратнее. Она у тебя может на продакшене не заработать как ты ожидаешь. Надо еще nginx настраивать будет
источник

ИК

Илья Киселев... in Nuxt.js | Vue SSR
да вообще выпили ее
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Dmitry Petrik
Ты кстати с проксей будь поаккуратнее. Она у тебя может на продакшене не заработать как ты ожидаешь. Надо еще nginx настраивать будет
:) У меня конкретная проблема))) Пожалуйста, помогите, если знаете куда хотя бы двигаться.
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Илья Киселев
да вообще выпили ее
Уже пробовал минуту назад. Ничего не поменялось.
источник

DP

Dmitry Petrik in Nuxt.js | Vue SSR
Aleksandr Dergunov
:) У меня конкретная проблема))) Пожалуйста, помогите, если знаете куда хотя бы двигаться.
Сообщение выше - випилите проксю)
источник

ИК

Илья Киселев... in Nuxt.js | Vue SSR
Короче, проблема сейчас пишет в прейлайтах это OPTIONS запрос
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Dmitry Petrik
Сообщение выше - випилите проксю)
Сообщение выше - это не помогло)
источник

ИК

Илья Киселев... in Nuxt.js | Vue SSR
на него нужно ответить с Access-Control-Allow-Origin
источник

ИБ

Илья Бельский... in Nuxt.js | Vue SSR
источник

ИК

Илья Киселев... in Nuxt.js | Vue SSR
Aleksandr Dergunov
:) У меня конкретная проблема))) Пожалуйста, помогите, если знаете куда хотя бы двигаться.
Добавил обработку OPTIONS?
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Илья Киселев
Добавил обработку OPTIONS?
Что конкретно написать и где?
источник

ИК

Илья Киселев... in Nuxt.js | Vue SSR
router.options("/uf", cors(corsOptions), (req, res) => {
res.status(200).send();
});
источник

ИК

Илья Киселев... in Nuxt.js | Vue SSR
Типа тогго
источник

VS

Vlad 🦠 Starkovsky in Nuxt.js | Vue SSR
труд май?
источник

VS

Vlad 🦠 Starkovsky in Nuxt.js | Vue SSR
у нас все норм)
источник

ИК

Илья Киселев... in Nuxt.js | Vue SSR
Илья Киселев
router.options("/uf", cors(corsOptions), (req, res) => {
res.status(200).send();
});
и возможно без corsOptions так как у тебя там все равно вайлдкард
источник