goahead+vue.js开发实战教程三:将打包好的vue项目部署到服务器目录下

前提:

你能够将goahead移植成功,可以出来index.html界面

1.在goahead.c里面设置你的web(前端的发布目录)目录路径,例如我的目录设置成'web',即ME_GOAHEAD_DOCUMENTS = 'web'

goahead+vue.js开发实战教程三:将打包好的vue项目部署到服务器目录下_第1张图片

2.将goahead默认访问的页面设置正确。在goahead源码中file.c文件里面找到websFileOpen函数,这是goahead默认打开的第一个html界面。其实goahead默认的是index.html。我根据项目的实际需要这里改成了login.html。改完记得重现编译goahead

goahead+vue.js开发实战教程三:将打包好的vue项目部署到服务器目录下_第2张图片

3.将你的vue打包好的文件放在你设置好的web目录下,

goahead+vue.js开发实战教程三:将打包好的vue项目部署到服务器目录下_第3张图片

goahead+vue.js开发实战教程三:将打包好的vue项目部署到服务器目录下_第4张图片

说明:我的vue设置的是多页面应用的,所以会有login.html和index.html两个文件。

此时你应该可以访问成功了。

如有其它问题可以在评论区留言或者私信

还是那句话:人生苦短,何必念念不忘,我是镶入式工程师陈恒。

你可能感兴趣的:(vue)