vue项目线上IIS部署,安装,编译【第一次,初体验】

初来乍到

今天客户发来个项目,如图

表示看不懂-_-

vue 文件目录结构详解

https://www.cnblogs.com/dragonir/p/8711761.html

mock数据目录

src放置组件和入口文件; 源码目录

node_modules为依赖的模块;

 目前只列取部分的,其他的可自行百度


 小试身手-运行

安装node   运行insatll.bat  再运行dev.bat

 这一套操作下来,项目是可以跑起来了。

 但是,我的服务器是IIS,所以还不够,还需要让他打包


拨云见日-打包+部署

我的目录里有个build.bat,在保持内存充足的情况下,双击运行;运行完成后根目录会生成【dist】文件夹,里面是打包好的文件。只需要把dist文件夹部署到IIS上就行了

在IIS上部署完成后,会提示一个错误信息401.3

资源的访问控制列表(ACL)配置或加密设置,无权访问的问题。

文件夹》属性》安全》组或用户名》编辑》会出现一个新的窗口》添加》输入对象名称来选择》填入:Everyone》一路确定即可

还是不懂的小伙伴可以点开下面的连接查看

https://blog.csdn.net/qq_28629495/article/details/51483955


华山论剑-请求问题

我们都知道,项目初期的请求都是测试地址的请求,VUE项目打包后,由于请求路径是直接写在源码里的,打包后不方便修改(可能是部分的,这个得看开发人员习惯)。

所以,项目上线的时候,一定要把请求路径写成线上地址,重新运行build.bat文件,让重新打包生成。

我这个项目是写在这个文件里

/src/utils/fetch.js


 如何运行vue项目(维护他人的项目)

https://www.jianshu.com/p/672c9e59ac38?utm_source=oschina-app

如何运行vue项目

https://www.cnblogs.com/weiwei-python/p/9754384.html

发布了252 篇原创文章 · 获赞 94 · 访问量 54万+

猜你喜欢

转载自blog.csdn.net/cplvfx/article/details/102959350