这是我第一次将 nuxt 应用程序部署到 heroku,我按照我在 nuxt 指南上找到的说明进行操作。
创建了 heroku 应用并添加了以下配置:
使用以下行添加了 procfile:web:nuxt start
它工作,当我去:https://coupongb-nuxt.herokuapp.com/网站打开并加载产品,但似乎“使用 $axios 插件的无限滚动不起作用,以及打开产品页面“通过单击产品卡”。
所以我的问题是如何使 this.$axios.$get(...) 指向网站域而不是 localhost:300
你需要为此设置环境变量。https://cli.vuejs.org/guide/mode-and-env.html#environment-variables
无论你在哪里配置 Axios,都要查看环境变量以设置 baseURL,例如:
Axios.defaults.baseURL = process.env.APP_API
然后在目录的根目录中创建 .env 文件:
APP_API=https://coupongb-nuxt.herokuapp.com/
或者,你可以在创建对 api 的调用时更改内联 baseurl。例如
this.$axios.get('/example-path')
将被替换为
this.$axios({ url: '/example-path', baseURL: 'https://coupongb-nuxt.herokuapp.com' })
谢谢你的回答,我相信这会奏效