接之前已经将后端代码放到服务器

1、进入config文件夹下面的index.js文件,将dev和build对象里面的assetsPublicPath属性值都进行更改。

assetsPublicPath:"/"

改为

assetsPublicPath:"./"

接着,所有的请求接口去掉http://localhost:3000,直接保留原来的路由路径(因为打包以后会放到服务代码下面,所以不再需要标注接口的主机和端口了)

然后cmd进入这个项目执行npm run build命令打包,打包完成以后得到dist文件夹。将dist里面的index.html文件和static文件夹放到express项目的public文件夹下面,然后更改app.js中的页面输出文件路径和文件名

app.set('views','./public')


res.render('index.html')

这样启动项目以后,浏览器输出域名,打开的页面就是写的那个vue项目了,接口数据也请求的到。

(还有一种不用render的方法,直接用express的静态资源的方式,目前还没摸索出来怎么写,听说很简单的)

Logo

前往低代码交流专区

更多推荐