注意点 

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文件夹

Vue 项目的调试与部署(IIS)

 

打开dist/下的index.html


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

Vue 项目的调试与部署(IIS)
修改config/index.js里的assetsPublicPath的字段,初始项目是/,现在改为./

Vue 项目的调试与部署(IIS)

 Vue 项目的调试与部署(IIS)

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

Vue 项目的调试与部署(IIS)

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

Vue 项目的调试与部署(IIS)

 

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


 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-29
  • 2021-10-13
  • 2021-10-20
  • 2021-10-31
  • 2022-03-02
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-03
  • 2022-01-07
  • 2021-08-12
  • 2022-12-23
相关资源
相似解决方案