在生产模式下部署角度示例应用程序时出现404错误

Question

Following an Angular tutorial about deploying the app locally in production mode i failed to do so even using the sample app. Steps:

1. ng new prod-app
2. ng build --prod
3. http-server /dist/prod-app <-- Used in tutorial
4. lite-server --baseDir="dist/prod-proj" <-- In Angular Docs

using both servers result in the same behavior, Blank page an a 404 error

lite-server output:

   F:\AngularApps\prod-proj>lite-server --baseDir="dist"
   Did not detect a `bs-config.json` or `bs-config.js` override file. Using lite-server defaults...
   ** browser-sync config **
   { injectChanges: false,
     files: [ './**/*.{html,htm,css,js}' ],
     watchOptions: { ignored: 'node_modules' },
     server: { baseDir: 'dist', middleware: [ [Function], [Function] ] }               }
   [Browsersync] Access URLs:
    -------------------------------------
          Local: http://localhost:3000
       External: http://192.168.56.1:3000
    -------------------------------------
             UI: http://localhost:3001
    UI External: http://localhost:3001
    -------------------------------------
   [Browsersync] Serving files from: dist
   [Browsersync] Watching files...
   19.08.16 08:49:20 404 GET /index.html
   19.08.16 08:49:20 404 GET /favicon.ico

There is nothing in neither the tutorial nor the docs about any extra configuration, So what am i missing?

Thanks, Gado

Answer 1

在lite-server输出中，您已指定baseDir="dist" ，将其更改为baseDir="dist/prod-proj"

 F:\AngularApps\prod-proj>lite-server --baseDir="dist/prod-proj"