最近坚持每个月写一个小的vue.js开发项目。最终开发完成后,我想到了一个很久以前就有人回答过的问题:如何启动vue项目。当时有奇怪的答案。我在想,这些人肿了吗?正如vue的官方所说,这个框架只做了视图层,所以不需要直接把这些开发出来的东西复制到服务器上,需要打包成一个静态的文件上传服务器。这里我简单列举一下这个过程:
首先,您需要修改配置文件,然后将其打包。很多人遇到过包装后跑坯等问题。这些问题主要是路径问题,所以需要修改config下配置文件index.js中的选项:
上图中首先要修改的是静态文件的路径。打包后,静态文件位于当前目录中,因此它被更改为。/
第二个是环境被设置为生产环境
修改后,打开cmd并运行以下命令进行打包:
注意下面的提示,告诉你打包好的文件需要放到服务器上才能打开,不能直接用浏览器打开。打包的文件结构如下:
此时,我们需要使用服务器来访问index.html。很多人在这里可能会遇到一些问题。例如,您可以在开发过程中使用proxytable来解决跨域问题,这里将没有数据。这只能由服务器来解决。proxytable在这里是为了方便您开发跨域解决方案。
以上vue.js项目包的图文教程是边肖分享的全部内容,希望能给大家一个参考和支持。