vue项目打包放到服务器

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

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的静态资源的方式，目前还没摸索出来怎么写，听说很简单的）