vue是打包生成的吗(Vue打包发布)

使用vscode 打开建好vue项目,点击终端新建终端输入:npm run build 回车

这里有个点需要注意一下,在build前我们要在项目的config文件夹下找到index.js文件修改配置参数,这里我以我的项目为准修改了:

host: 'localhost', // can be overwritten by process.env.HOST

port: 8088, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined

vue是打包生成的吗(Vue打包发布)(1)

图1

终端查看打包结果

等待项目打包完成后,项目会多次一个dlist文件夹这个dlist文件夹就是我们要的打包结果。

vue是打包生成的吗(Vue打包发布)(2)

图2

将打包好的文件拷贝到IIS站点上

将我们dlist文件夹下的文件全部拷贝,打开IIS找到我们的站点。点击右键浏览,将我们拷贝的文件放到此目录下。

vue是打包生成的吗(Vue打包发布)(3)

图3

在浏览器查看结果

打开浏览器,输入地址:http://localhost:8088/ 回车查看结果如图4

vue是打包生成的吗(Vue打包发布)(4)

图4

好了,这个就是我们对Vue项目打包发布的一个简单介绍使用,喜欢的留个关注,点个赞!谢谢

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页