VUE3前端开发入门系列教程五:Nginx+ThinkJS后端无缝接入

## vite打包:会自动编译,生成dist文件夹

vite build
或
npm build

## thinkjs配置: src/config/router.js

module.exports = [
        [/^\/api\/(.*)/, '/:1']
];

## nginx配置

server {
    listen 80;
    server_name netperf.examples.com;
    root /opt/network-performance-monitoring/dist;  # 对应vite打包

    location /api {
        proxy_pass http://localhost:8360/api;  # 对应thinkjs
    }
}


-----

  1. 将vite打包的dist,复制到/opt/network-performance-monitoring/dist
  2. 运行thinkjs服务器: pm2 start pm2.json,默认端口是8360
  3. 重启nginx: service nginx reload 或 systemctl start nginx

在vue前端访问后端时直接使用ThinkJS的API:/api/...

fetch.get('/api/getdata').then( res => {
	...
});
发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章