@hollanditkzn

Как сделать так чтобы можно было подключить стили и js файлы?

Не пойму как настроить static чтобы все работало нормально и подключилось все.
const Koa = require('koa'),
    Router = require('koa-router'),
    logger = require('koa-logger'),
    views = require('koa-views'),
    serve = require('koa-static-server'),
    app = new Koa(),
    router = new Router();

app.use(logger());
app.use(bodyParser());
app.use(serve({rootDir: __dirname + 'public', rootPath: '/public'}));
app.use(views(__dirname + '/views', {extension: 'pug'}));

routers('/', 'login', {title: 'Авторизация'});
routers('/registration', 'registration', {title: 'Регистрация'});

function routers(path, page, object) {
    router.get(path, async (ctx) => {
       await ctx.render(page, object);
    })
}

app.use(router.routes());
module.exports = app;

И пути у меня такие
Пути
public/
| javascript/
|| modal.js
|| form.js
| styles/
|| style.css
views/
| layout.pug
| index.pug
app.js

И в layout
octype html
html
  head
    title=title
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    link(rel='stylesheet', href='styles/style.css')
    script(src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js")
    script(src="/javascript/modal.js")
    script(src="/javascript/form.js")
....

А как правильно делать?
А ошибка выходит вот такая
GET localhost:3000/styles/style.css net::ERR_ABORTED
GET localhost:3000/javascript/modal.js net::ERR_ABORTED
GET localhost:3000/javascript/form.js net::ERR_ABORTED
  • Вопрос задан
  • 852 просмотра
Пригласить эксперта
Ответы на вопрос 1
@RidgeA
вот это - раздает файлы из папке 'public'
app.use(serve({rootDir: __dirname + 'public', rootPath: '/public'}));

соответственно файлы, которые надо раздать статически должны лежать там и запрашиваться по пути вроде `host:port/public/script.js`
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы