Как сервер stati c Vue папка dist в express с помощью app.use ('someRoute') - PullRequest
Новая
       7

Как сервер stati c Vue папка dist в express с помощью app.use ('someRoute')

0 голосов
/ 27 января 2020

Я обслуживаю папку dist из приложения vue (созданного с помощью create- vue -app). Тем не менее, он хорошо работает, когда я не указываю на какой-то конкретный маршрут c, просто используйте маршрут root без чего-либо. Однако, если я указываю суб-маршрут, например, как '/static', он не обслуживает индекс приложения vue. html ... Я получаю сообщение в браузере: 

Refused to apply style from 'http://localhost:3000/css/app.fc1b515e.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
4localhost/:1 GET http://localhost:3000/js/app.6869d12b.js net::ERR_ABORTED 404 (Not Found)

однако он находит favicon.ico, если я ввожу его в путь в браузере ...

иногда я также получаю сообщение об ошибке, в котором говорится, что javascript не включено (что неверно). ..

Вот как я настраивал свои маршруты: 

  app.use('/static',express.static(path.join(__dirname, '\\client\\dist')));

1 Ответ

0 голосов
/ 27 января 2020

Ваше приложение Vue ссылается на активы относительно /, например: 

/css/app.fc1b515e.css
/js/app.6869d12b.js

... но вы обслуживаете активы на /static: 

/static/css/app.fc1b515e.css
/static/js/app.6869d12b.js

Можно установить для параметра конфигурации publicPath значение /static/ в vue .config. js, чтобы приложение Vue ссылалось на ресурсы stati c. правильно.

Документы: https://cli.vuejs.org/config/#publicpath

Надеюсь, это поможет.

...