1

我想要实现的是在使用安装了 IIS Express 扩展的 Visual Studio 代码编辑器时使用 grunt 运行 browserSync。

我可以使用代理运行IIS(Viusal Studio 代码扩展)和 browserSync :

Gruntfile.js

module.exports = function(grunt) {

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    sass: {

      dist: {
        options: {
          outputStyle: 'expanded',
          sourceMap: true,
          sourceMapEmbed: true
        },
        files: {
          'scss/global.css': 'scss/mccann-global.scss',
          'scss/_imports/theme/dark-theme.css': 'scss/_imports/theme/dark-theme.scss',
          'scss/_imports/theme/light-theme.css': 'scss/_imports/theme/light-theme.scss',
        }
      }
    },

    watch: {
      grunt: {
        options: {
          reload: true
        },
        files: ['Gruntfile.js']
      },

      sass: {
        files: 'scss/**/*.scss',
        tasks: ['sass']
      }
    },
            browserSync: {
            dev: {
                bsFiles: {
                    src: [
                        'scss/*.css',
                        'index.aspx'
                    ]
                },
                options: 
                {
                    proxy: 'localhost:49798', //our IIS server
                    port: 3000, // our new port
                    open: true,
                    watchTask: true
                }
            }
        }
  });

  grunt.loadNpmTasks('grunt-browser-sync');
  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-grunticon');
  grunt.loadNpmTasks('grunt-exec');
  grunt.registerTask('build', ['sass']);
  grunt.registerTask('default', ['build','browserSync','watch']);
  
}

咕噜声看起来不错:

在此处输入图像描述

然后:

安装了 google chrome COORS插件,服务器通过登录页面运行得很好......但是一旦我点击主页,我就遇到了两个错误:401 Unauthorized。

在此处输入图像描述在此处输入图像描述

我正在研究这个:请求格式无法识别,因为 URL 意外以结尾但对我不起作用。

4

0 回答 0