dev: {
  // Paths
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  <!-- 使用proxyTable进行跨域设置 -->
  proxyTable: {
    '/api': {
     target: 'http://www.abc.com', // 设置你调用的接口域名和端口号, 别忘了加http
     changeOrigin: true, // 是否跨域
     pathRewrite: {
       // 这里理解成用'/api'代替target里面的地址，后面组件中我们掉接口时直接用api代替 
       // 比如我要调用'http://www.abc.com/user/add'，直接写'/api/user/add'即可'
      '^/api': '/'
     }
    }
  },
  // Various Dev Server settings
  host: '0.0.0.0', // can be overwritten by process.env.HOST
  port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
  autoOpenBrowser: false,
  errorOverlay: true,
  notifyOnErrors: true,
  poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
  /**
   * Source Maps
   */
  // https://webpack.js.org/configuration/devtool/#development
  devtool: 'cheap-module-eval-source-map',
  // If you have problems debugging vue-files in devtools,
  // set this to false - it *may* help
  // https://vue-loader.vuejs.org/en/options.html#cachebusting
  cacheBusting: true,
  cssSourceMap: true
 },

'http://localhost:8080/api' ===> 'http://www.abc.com/'

config文件下的index.js文件找到build属性
assetsPublicPath: '/'  =>  assetsPublicPath: './' 

build文件下的untils文件中找到vue-style-loader
增加 publicPath: '../../'

这时候的静态资源都可以被加载出来,且不会报错,但是api访问的话还是会报错

location /api {proxy_pass http://localhost:4000/;}

nginx.exe -s stop // stop是快速停止nginx，可能并不保存相关信息
nginx.exe -s quit // quit是完整有序的停止nginx，并保存相关信息
nginx.exe -s reload // 当配置信息修改，需要重新载入这些配置时使用此命令
nginx.exe -s reopen // 重新打开日志文件
nginx -v // 查看Nginx版本