javascript - 我正在为我的 angular 1 应用程序和 grunt-connect 使用 Grunt 来运行网站，但是在刷新时它没有后备，所以我得到一个 404 和白屏

Question

我将 Grunt 用于我的 angular 1 应用程序并使用 grunt-connect 来运行网站，但在刷新时它没有后备，所以我得到一个 404 和白屏。

我以前用过 gulp，它的连接插件有一个后备。

我要解决的问题是，当我刷新浏览器时，我会丢失网站并获得 404 和白屏。

我对咕噜很陌生。

这是我当前的咕噜声代码：

module.exports = function(grunt) {

        //Configures each plugin:   
        grunt.initConfig({

        //This is the connect bit:
         connect: {
            website: {
                port: 8000,
                base: 'app'
            }
         },

          sass: {                              // Task 
            dist: {                            // Target 
              options: {                       // Target options 
                style: 'expanded'
              },
              files: {                         // Dictionary of files 
                'app/styles/styles.css': 'app/styles/base.scss'   // 'destination': 'source'
              }
            }
          },
          cssmin: {
              target: {
                files: [{
                  expand: true,
                  cwd: 'app/styles',
                  src: ['*.css', '!*.min.css'],
                  dest: 'app/styles',
                  ext: '.min.css'
                }]
              }
           },   
           watch: {

                    css: {
                        files: 'app/styles/base.scss',
                        tasks: ['sass'],
                        options: {
                          livereload: {
                            host: 'localhost',
                            port: 8000
                          },
                          spawn: true,
                          interrupt: true,
                          debounceDelay: 250,
                          reload: true
                        },
                    }    
            } 
        });      

        //Loads libruaries:
        grunt.loadNpmTasks('grunt-contrib-sass');
        grunt.loadNpmTasks('grunt-contrib-cssmin');
        grunt.loadNpmTasks('grunt-contrib-watch');
        grunt.loadNpmTasks('grunt-contrib-jshint');
        grunt.loadNpmTasks('grunt-connect');

        //grunt.registerTask('default', ['sass', 'cssmin', 'jshint', 'connect', 'watch']);

        grunt.registerTask('default', ['watch']);
};

错误的屏幕抓取：

Answer 1

您connect缺少选项..

 connect: {
            website: {
                port: 8000,
                base: 'app',
                keepalive: true,
                livereload: true
            }
         },