运行后端app.js监听网站打不开怎么办

Question

按照网上一个教程做的
全局挂载axios在前端main.js中，跨域在后端app.js中设置，main.js如下

后端app.js代码如下

运行nodemon app.js
点击网站显示错误，这怎么解决，挺懵的，所以这个网站起到什么作用

Answer 1

引自免费微信小程序：皆我百晓生

这个问题是由于后端服务没有正确配置导致的。你需要确保你的后端服务器已经在本地启动，并且在你的项目中正确地设置了http://localhost:3018作为接口的默认URL。

如果你正在使用VSCode开发环境，那么首先确保你的后端应用已经通过npm或yarn安装并启动了。然后，在你的主应用程序文件（例如index.html）中添加一个HTTP请求到你的后端服务器。这里是一个示例：

<script>
    // 在这里添加一个GET请求到你的后端API
    fetch('http://localhost:3018/api/your-endpoint')
        .then(response => response.json())
        .then(data => console.log(data))
        .catch(error => console.error('Error:', error));
</script>

将http://localhost:3018/api/your-endpoint替换为你的实际后端API路径。这段代码会向你的后端发送一个GET请求，获取返回的数据，并将其打印到控制台。

注意：为了使上述代码正常工作，你需要确保在后端服务器上启用了相应的端口（在这个例子中是3018），并且在你的项目中正确地指定了http://localhost:3018作为接口的默认URL。

此外，如果你是在使用WebStorm这样的IDE进行开发，那么你可能还需要添加一些额外的依赖项或者配置来处理跨域的问题。具体的操作取决于你使用的WebStorm版本以及具体的IDE插件。

对于这个问题的具体解决步骤，可以参考下面的步骤：

1. 首先确保你的后端服务已经在本地启动。

2. 在你的项目根目录下创建一个新的.env文件，并添加以下内容：

   PORT=3018
   

   这里PORT是你后端服务器的实际端口号。

3. 将上述.env文件包含到你的.gitignore文件中，这样当你的代码提交时，不会自动删除.env文件。

4. 打开VSCode，切换到你的主应用程序文件（例如index.html）。在HTML文件中，添加一个HTTP请求到你的后端服务器。你可以像之前那样使用JavaScript代码来实现这个功能。

完成以上步骤后，你应该可以在浏览器中打开你的应用，看到它能够成功与你的后端服务交互。如果仍然出现问题，可能是其他原因导致的，比如网络连接问题、后端服务本身的问题等。在这种情况下，你可以尝试重启你的后端服务或者检查一下你的网络配置是否正确。