«localhost» внутри ресурса * stati c в режиме производства vue - PullRequest
0 голосов
/ 13 января 2020

Я развернул свой проект на Firebase Hosting, но проблема в том, что я получаю следующую ошибку по некоторому запросу, который запрашивает образ. Однако мои изображения отлично отображаются на моем сайте:

Не удалось загрузить ресурс: net :: ERR_CONNECTION_REFUSED

Обратите внимание, что путь в запросе содержит http://localhost:8000/img/ вместо http://mydomain/img/

Это минимальный пример того, как я определяю пути к изображениям:

<v-img :src="require('@/assets/img/sellings.png')" />

Я включил режим истории (mode: 'history') в маршрутизаторе

Также в firebase. json config У меня есть следующее:

"hosting": {
    "public": "dist/",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
       }
    ]
}

А в vue.config.js у меня есть следующее:

global.__rootDirname = path.join(__dirname, 'dist')

Что вызывает проблему ? Любая помощь приветствуется.

1 Ответ

1 голос
/ 13 января 2020

Если вы используете vue-cli-service, вы можете использовать --host или --public аргументы

$ npx vue-cli-service serve --help
    --host         specify host (default: 0.0.0.0)
    --public       specify the public network URL for the HMR client

Поэтому попробуйте запустить

npx vue-cli-service serve --public mydomain

или

npm run serve -- --public mydomain
...