(已经成功部署)配置vue+nginx+uwsgi luffy项目

2019-9-16 21:16:17

由于超哥视频翻车,应该是先改api.js中的IP 再打包

然后按照原来一步一步部署vue uwsgi  Nginx 然后就可以直接访问了!!!

昨天其实就完成,只是改IP和打包顺序颠倒了!!

已经成功部署Vue 和Django 已经很完美,会部署vue啦! 详情可以参考博客!后端部署和以前一样!

2019-9-15 17:51:09

已经很成功的部署了vue项目,后端的和博客项目一样配置uwsgi和Nginx!

关于这个部署详情和代码可以参考博客: https://www.cnblogs.com/zhen1996/articles/10805880.html

记录一下细节问题!

1. 关于npm 和 node 的安装 下面有采坑介绍!

我想说的是,也可以吧npm和node 的bin目录的绝对路径放到环境变量  /etc/profile 的文件中 放到最后一行中

2. 需要更改vue项目的ip 因为是本地写的所以需要把ip都更改成后端的ip

准备编译打包vue项目，替换配置文件所有地址，改为服务器地址 项目文件夹/src/restful/api.js

sed -i 's/127.0.0.1/192.168.119.12/g' /opt/07-luffy_project_01/src/restful/api.js

3. 关于部署vue项目,npm install   / npm build  就好了 会生成一个 dist 静态文件夹

以上的vue已经部署完成

开始配置uwsgi 和Nginx!  Nginx和uwsgi 的安装什么的可以参考 https://www.cnblogs.com/zhen1996/p/10841080.html

uwsgi.ini

[uwsgi]
chdir         =/opt/s15vuedrf/luffy_boy
module        =luffy_boy.wsgi
home        =/root/Envs/s15vuedrf
processes       = 5
socket          = 0.0.0.0:8888
vacuum          = true

niginx.conf

# 访问vue部分   
 server {
        listen       80;
        server_name   112.74.32.62;
        location / {
            root   //opt/s15vuedrf/07-luffy_project_01/dist;
            index  index.html  ;
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
}

　　# vue访问8000端口时候,分发到uwsgi  后端部分   这个就和博客项目部署一样啦!
    server {
        listen       8000;
        server_name   112.74.32.62;
        # 当接收到接口数据的时,请求url是 xxxx:8000 就进入location下

　　　　　　#这一条参数确保vue页面刷新时候，不会出现404页面
　　　　  try_files $uri $uri/ /index.html;

        location / {
            uwsgi_pass  0.0.0.0:8888;
            include /opt/nginx1-12/conf/uwsgi_params;
        }
    }

综上: 其实就vue配置也不难!主要是Nginx的配置多了一个server而已!一个前端vue一个后端的Nginx!!!!!

效果图  xiaogongju.vip

这个是核心

总体感觉还可以,知道vue如何部署的了.发现Linux还是很爽的!!!!

越努力,越幸运!永远不要高估自己! 等下次用 java的框架部署项目!

2019-6-2 10:06:55

我咋配置 Nginx就是不能访问vue

也许里面还是有错误

也许是vue里面东西有改动把

等学会完vue理解完 也许就会配置啦!就好比自己的bbs项目!

......

又发现自己的知识不足!

放上一些踩过的坑(没人知道就是有好多的坑 也许是这些坑可以让你更好的成长!!!!)

越努力,越幸运!永远不要高估自己!

现在开始准备四级然后  项目就是用本地luffy项目 做点好玩的东西吧!

我觉得要是面试的话 有个luffy项目 还是很吊的  顺便把luffy项目弄透彻 vue弄好!!!!

背景

安装了node后，执行npm run xxx的命令的时候，报错，提示如下：
/usr/bin/env: node: No such file or directory

步骤

1. 什么玩意，执行一个npm命令怎么提示/usr/bin/env这个错误呢，翻阅资料

资料都提示要创建一个软连接，如下：

ln -s /usr/bin/nodejs /usr/bin/node

2. 推测！！因为npm执行的时候默认是使用/usr/bin/node去执行的，但我本地是没有/usr/bin/node的，所以需要创建一个

所以需要创建一个软连接将自己的node的执行文件指到/usr/bin/node上，于是修改如下：

ln -s /node的绝对路径/bin/node /usr/bin/node

3. 再执行，OK了
虽千万人，吾往矣！

2、解压，创建链接

将压缩包解压到/opt（一般软件放在该目录）目录下。可以看到bin目录下有两个可执行文件node和npm，在/usr/local/bin中创建该文件的链接

sudo ln -s /opt/node-v0.12.10-linux-x86/bin/node /usr/local/bin/node

sudo ln -s /opt/node-v0.12.10-linux-x86/bin/npm /usr/local/bin/npm

然后使用node -v，npm -v验证是否成功

将node命令，添加至linux环境变量,修改/etc/profile，写入

PATH=$PATH:/opt/node-v8.6.0-linux-x64/bin

读取文件，生效PATH

source /etc/profile

开始   第四步骤就完了 明天弄 https://www.cnblogs.com/pyyu/p/10160874.html