这个问题类似于服务器和客户端之间通信的一般问题,但是这个问题可能是heroku特有的,因为服务器端口是由heroku在'process.env.port'变量中提供的。
我的后端Express/MongoDB应用程序已经部署在Heroku上。它侦听分配的端口=process.env.port,这是服务器每次启动时的一个新端口
前端vue.js运行在同一个express服务器上,并使用axios进行CRUD
我在Vue应用程序中尝试了port=process.env.port4000,但它始终是4000,因此请求失败。
有什么方法可以将端口号从后端node.js环境传递给vue.js组件吗?
在vue.js应用程序中似乎未设置process.env.port
从样本中提取Vue成分
...。
import port from '../config';
export default {
data() {
return {
tokens: []
};
},
created() {
let uri = 'http://localhost:' + port + '/tokens';
this.axios.get(uri).then(response => {
this.tokens = response.data;
});
}
};
...。
“config.js”
const port = process.env.PORT || 4000;
export default port;
“server.js”段
const PORT = 4000;
const port = process.env.PORT || PORT
app.listen(port, () => {
console.log('Express server running on port ' + port);
});
非常感谢Gowri的出色响应,完全解决了问题
对于遵循已发布的许多教程的Vue新用户,请注意在部署到Heroku时需要使用相对路径。我的MEVN应用程序现在运行得很好。
我该如何承认和赞扬高瑞?我是StackOverflow的新手。
export default {
data() {
return {
tokens: []
};
},
created() {
let uri = '/tokens';
this.axios.get(uri).then(response => {
this.tokens = response.data;
});
}
};
问题还可能是:javascript如何获得heroku env变量端口? 我有一个法尔斯克网络应用程序。后端服务器运行如下所示 我的前端客户端需要与我的服务器来回通信,我需要知道后端正在监听哪个端口。 在frontend index.html中,我有下面的Java脚本 我的问题是,我如何从后端知道动态端口? 我在heroku上部署了我的应用程序,我无法绑定固定服务器。我已经将我的heroku配置v
问题内容: 嗯,我会尽量清楚一点。 在用node.js编写的应用程序服务器中,我具有用于多个端口的内部代理: 在我的港口,我有 休息用的api 。 在我的港口,我有 推服务器和聊天室 。 我使用npm包subdomain-router进行内部路由到端口,在“前端”中公开子域,这些子域代理回到那些端口。 代码演示: (并非该应用的实名明显) 该API很好用,尽管我无法通过进行访问,而只能通过并让内部
前端如何把图片上传到服务端? 使用技术:vue2 + elementUI 背景: 前端和后端分别部署到不同的服务器上,前端页面是个表单, 表单里面有上传图片的功能,上传的图片然后在其他页面展示的业务逻辑。后台提供的表单接口要求我只把图片名字(xxxx.png/xxx.jpg)传给他。 问题: 我把生产包放到nginx里的html文件夹后测试。发现没法上传。nginx的配置也做过修改了 vue: n
问题内容: 关于如何将对象从我的android应用程序发送到数据库,我 有点茫然 由于我是新手,所以我不太确定哪里出了问题,我从中提取了数据,我不知道如何将对象发布到我们的服务器。 任何建议将不胜感激 问题答案: 您需要使用一个类与服务器进行通信。像这样: 这是您的方法。 这是您的活动课程中的新课程。 这行:将其作为HTTP POST请求,应在您的服务器上作为POST请求处理。 然后,在服务器上,
刷新页面?路由拆分?No,动态加载组件。 本文分为以下四部分: 前端微服务化思想介绍 微前端的设计理念 实战微前端架构设计 基于 Mooa 进行前端微服务化 前端微服化 对于前端微服化来说,有这么一些方案: Web Component 显然可以一个很优秀的基础架构。然而,我们并不可能去大量地复写已有的应用。 iFrame。你是说真的吗? 另外一个微前端框架 Single-SPA,显然是一个更好的方
我已经通过creat-react-app创建了一个前端应用程序。 命令“npm run start”可以创建一个webpack-dev-server,并为我的 前端应用程序提供开发服务。问题来了: 我的前端应用程序必须从我之前创建的节点服务器请求一些api。 默认情况下create-react-app在端口3000上启动webpack-dev-server 我的节点服务器在端口3001上启动 直接