Vue和Node配置Nginx

Question

我已经托管了我的第一个Vue和Node应用程序，但是我遇到了问题。我想在不同的端口上加载Vue文件，以便减轻节点压力。问题在于，使用当前配置，即使在节点路由器中添加带有URL $.ajax({ url: "http://127.0.0.1:8000/monitors/turbine-getter/" + cluster + "/", data: { csrfmiddlewaretoken: "{{ csrf_token }}", }, dataType: "json", success: function(data){ window.maxmin_vals = data.maxminvals; cont.style.display = "inline-block"; pb.style.display = "none"; window.pointsDict = {}; window.current_buffers = data.latlong; window.current_cluster = cluster; ) }, error: function (rs, e) { alert('Sorry, try again.'); } }); 的路由，我仍然可以在浏览器Cannot GET /中获得此信息。但是我需要从Vue路由器而不是从Express路由器加载此url。为什么要从快递加载？这是我的配置文件nginx：

/

Answer 1

在您的nginx配置中，您需要像这样将try_files $uri $uri/ /index.html;添加到您的/位置。这会将所有内容发送到您的index.html文件。

location / {
        root /var/www/html/Web/dist; // Vue dist folder
        try_files $uri $uri/ /index.html;
}