对服务器执行ajax调用。来自vue应用程序的js，使用heroku

Question

我成功地学习了本教程：

https://medium.com/p/a69845ace489/responses/show

现在，我如何做一个ajax调用从我的dist目录使用vue axios，我的server.js节点文件？

因为heroku正在为我与进程的连接提供随机端口。环境。港口城市

这是我的主服务器配置。js，在vue内部。js应用程序，位于dist目录中：

Vue.server = Vue.prototype.server = "https://myapp.herokuapp.com/";

请注意没有端口，因为我不知道heroku使用的是哪个端口。

这是来自vue的axios随机调用。js应用程序

axios.post(Vue.server + "getUser", {id: this.id})
    .then(response => {
        this.user = response.data;
    })
    .catch(function (erreur) {
        console.log(erreur);
    });

这是我的服务器。js文件：

// server.js
var express = require('express');
var path = require('path');
var serveStatic = require('serve-static');
app = express();
app.use(serveStatic(__dirname + "/dist"));
var port = process.env.PORT || 5000;
app.listen(port);console.log('server started '+ port);

我的问题是，无法在我的vue应用程序中设置端口，所有其余代码都正常工作，我不包括节点rest内容。

您是否认为将localhost作为Vue来保存。服务器变量可以在线工作吗？非常感谢。

第2部分：

像这样更改了我的server.js文件，添加了一个getUser post Web服务：

// server.js
var express = require('express');
var path = require('path');
var serveStatic = require('serve-static');
const mongodb = require("mongodb");
app = express();
app.use(serveStatic(__dirname + "/dist"));
var port = process.env.PORT || 80;

const cors = require("cors");

app.use(cors());

app.post("/getUsers", function(req, res) {
   res.send('ok');
});

app.listen(port);
console.log('server started '+ port);

这是我现在的elloworld.vue：

import axios from "axios";
axios.defaults.withCredentials = true;
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },methods: {
    getUsers: function () {

            axios
                .post("http://localhost/" + "getUsers", {
                })
                .then(response => {
                   console.log(response);
                })
                .catch(function (error) {
                    console.log(error);
                });
        }
        },
    created: function () {
        this.getUsers();

    }
}
</script>

2.5：在我的localhost服务器上，一切都运行良好，ajax调用工作没有CORS错误：

node server.js 

git推送heroku主机

已阻止跨源请求：同一源策略不允许读取位于的远程资源http://localhost/getUsers.（原因：CORS请求未成功）。

Answer 1

您的代码当前将POST位置硬编码为localhost，这保证不能在heroku（或任何其他托管服务）上工作。

相反，甚至不要硬编码“正确的域”，只需直接发布到/getUsers，而无需任何明确的域，无论您在哪个域上，浏览器都会做正确的事情（命名、普通IP、WLAN、LAN，都可以正常工作）。