龙空技术网

将前端框架vue打包后部署到node服务中,本文采用egg框架演示

纷乱的雨季 504

前言:

目前兄弟们对“nginxeggjshttps”可能比较关注,同学们都需要学习一些“nginxeggjshttps”的相关知识。那么小编也在网上网罗了一些有关“nginxeggjshttps””的相关知识,希望朋友们能喜欢,兄弟们一起来学习一下吧!

本文采用nodejs框架egg(与koa2类似,可兼容koa2的模块)来演示将vue部署到node服务中,避免通过配置Nginx来实现

首先将vue打包后的dist文件夹下的static下的资源放置到egg工程下app/dist文件夹中,下图是在congfig.js配置文件中修改静态资源文件的路径与vue中一致。

项目目录如下:

紧接着将vue打包后的dist下的index.html放置到egg工程目录下view/dist(为了区分本工程原有文件)中;路由配置如下,注意其中有一个解决vue的history模式的刷新出现404的问题

配置到此项目可以启动,访问localhost:xxxx可以访问到vue打包后的index.html

最后我们开始解决vue工程中的跨域接口代理问题;

写一个中间件,此处配置与vue中相同

vue代理配置:

不要忘记在egg配置文件中启用中间件:

然后我们就可以愉快的访问项目了

标签: #nginxeggjshttps