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

,