Vue 项目的调试与部署（IIS）

注意点 

1、在config/index.js 将    /      改为   ./    时，就不需要再修改  npm run build生成的index.html 的 文件路径，

但是 npm run dev 的话就不能直接访问了。

2、如果     Vue.js  与 后端分离的话，那么   在main.js 中药写好   build的时的后台路径

比如   

if (process.env.NODE_ENV !== 'development') {

  Vue.prototype.URL_PREFIX = 'http://10.8.0.50:8084'

} else {

  Vue.prototype.URL_PREFIX = 'http://localhost:60589'

}

 

首先npm run build

这个时候可以看到项目里面多了一个dist文件夹

 

打开dist/下的index.html

直接把dist文件拿出来，在浏览器里面没有办法访问，是空白的

修改config/index.js里的assetsPublicPath的字段，初始项目是/，现在改为./

 

需要修改dist下的index.html资源路径为./
打开dist底下的index.html文件，修改文件路径

通过浏览器打开，可以访问

 

 最后，发布到IIS上，通过服务器及端口就可以直接访问。