如何在蔚蓝中托管json-server

Question

我是软件领域的新手，请对我的问题和技术术语的错误保持耐心：

房地：-我已经开发了一个前端应用程序使用Angular4。角应用程序中的baseURL定义为“http://localhost:3000/”。我的应用程序使用restangular与json交互(我创建了一个名为json的文件夹，它有db.json和公用文件夹)。当我使用命令: json-server json-server -watch db.json启动json-server时，它运行得非常好。

我的应用程序已经完成，因此我创建了一个生产构建。此后，我将所有文件从dist文件夹移到json-server的公用文件夹。当我启动json服务器时，我的应用程序运行良好。

实际的问题：-现在我想在蔚蓝中主持。我只是从文件夹中复制了所有文件/文件夹(db.json和公用文件夹)，并将它们放到蔚蓝云中。当蔚蓝托管完成后，我在浏览器中打开url，我得到了一个错误--“您没有查看的权限”。

为了纠正上面的错误，我从azure中删除了所有文件，然后复制了dist文件夹的所有文件，并将它们放到了蔚蓝云中。使用它，我可以在浏览器中看到应用程序，但不能看到图像。在图像中有一个错误响应，状态为:0表示URL: null

当我在本地启动json-server时，一切正常，但是当然，当同一网页从其他机器打开时，我得到了相同的错误响应，状态:0表示URL: null。

是否有任何方式运行json-服务器在蔚蓝，以便所有的机器/移动访问网址，可以看到正确的网页，没有任何错误。

Answer 1

在Azure上运行https://github.com/typicode/json-server的步骤：

1. 打开浏览器，转到App (https://<your-app-name>.scm.azurewebsites.net/dev/wwwroot/)
2. 在控制台 (Ctrl+Shift+C)中运行该命令 npm安装json-server --保存-dev
3. 将所有文件/文件夹(db.json和公用文件夹)放入www.root文件夹
4. 创建具有以下内容的server.js const jsonServer = require('json- server ') const Server = jsonServer.create() const路由器= jsonServer.router('db.json') const中间件= jsonServer.defaults() server.use(中间件)server.use(路由器) server.listen(process.env.PORT，() => {console.log(‘jsonServer正在运行’)}
5. 单击Run (Ctrl+F5)，这将自动生成web.config文件并在浏览器中打开您的网站。

​

Answer 2

您可以使用下面的代码快速设置一个模拟服务，该服务可以在静态JSON文件之外提供REST。

json-server

只需安装NodeJS模块($npm安装-g json-server)。以所附格式填充静态json文件，然后运行JSON服务器($ json-server - db.json -端口3000)