代码之家 › 专栏 › 技术社区 › Raj

如何在azure中托管json服务器

json-server azure-web-app-service angular json javascript

Raj · 技术社区 · 8 年前

我是软件领域的新手,请耐心回答我的问题和技术术语的错误:

经营场所:- 我使用Angular4开发了一个前端应用程序。角度应用程序中定义的baseURL为' http://localhost:3000/ '. 我的应用程序使用restangular api与json服务器交互(我创建了一个名为json server的文件夹,其中包含db.json和public folder)。当我使用命令启动json服务器时,它工作得非常好:

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

实际问题:-

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

有没有办法在azure中运行json服务器,以便所有机器/移动设备在访问url时都可以看到正确的网页而不会出现任何错误。

2 回复 | 直到 8 年前

Aaron Chen 8 年前

一步一步地运行 json-server 在Azure Web App上:

打开浏览器并转到应用服务编辑器( https://<your-app-name>.scm.azurewebsites.net/dev/wwwroot/ )
在中运行命令安慰 (Ctrl+Shift+C)
```
npm install json-server --save-dev
```
db.json 和公用文件夹)放入wwwroot文件夹

创建 server.js 具有以下内容

const jsonServer = require('json-server')
const server = jsonServer.create()
const router = jsonServer.router('db.json')
const middlewares = jsonServer.defaults()

server.use(middlewares)
server.use(router)
server.listen(process.env.PORT, () => {
  console.log('JSON Server is running')
})