首页 > 百科知识 正文

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

时间:2023-11-20 16:48:21 阅读:198 作者:情不系最初

使用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项目打包发布的一个简单介绍使用,喜欢的留个关注,点个赞!谢谢

版权声明:该问答观点仅代表作者本人。如有侵犯您版权权利请告知 cpumjj@hotmail.com,我们将尽快删除相关内容。