vue打包之后的项目运行

vue-cli项目最后总是不可避免进行打包操作,但是打包之后如何运行?,可以借助下面node代码运行以及创建接口代理:

var express=require("express");

//项目的一个配置文件,在这里主要用来获取生产环境的端口号
var config=require('./config/index.js');

var app = express();

//这部分主要用来创建接口代理
var apiRouter=express.Router();
var proxy=require('http-proxy-middleware');

//请求/api/XXX 会转接到 https://wxapi.ajyaguru.com/jiangziAPI/servlet/XXX
app.use('/api',proxy('/api',{
  'target':'https://wxapi.ajyaguru.com/jiangziAPI/servlet',
  'changeOrigin':true,
  pathRewrite:{
    '^/api':''
  }
}))
//同上
app.use('/upload',proxy('/upload',{
  'target':'https://wxapi2.ajyaguru.com/backend/user/uplode',
  'changeOrigin':true,
  pathRewrite:{
    '^/upload':''
  }
}))
//配置静态资源路径(vue打包之后存放静态资源的目录)
app.use(express.static('./dist'));
//配置服务器端口号
var port=process.env.PORT||config.build.port;
module.exports=app.listen(port,function(err){
  if(err){
    console.log(err);
    return
  }
  console.log('Listening at http://localhost:'+port+'\n')
})

之后运行该文件就可以在对应端口下运行项目了

猜你喜欢

转载自blog.csdn.net/weixin_43801564/article/details/85049882