node環境部署vue專案

本專案解決前後臺分離，跨域問題

前提概要：之前是單獨將vue打包之後的dist包存於nginx，但是目前需要部署到node環境中

注意：前端專案為vue專案打包之後的dist包

專案環境：tomcat+node+gbase

1、使用express模組

npm install express

//使用express構建web伺服器 --11:25

const express = require('express');
// 埠號
//託管靜態資源到public目錄下

啟動命令：

訪問ip+建立的埠號(3000)頁面已經啟動了,但是，會發現跨域問題。

此處，就得安裝反向**的外掛程式了

npm install http-proxy-middleware

const express = require('express');

var proxymiddleware= require('http-proxy-middleware');//引入反向**的外掛程式
target:"",//目標後端服務位址
changeorigoin:true,//是否跨域
pathrewrite: //重寫
}));

因http-proxy-middleware版本問題，會報proxymiddleware方法找不到，修改如下：

const = require('http-proxy-middleware');//引入外掛程式

target:path,//目標後端服務位址
changeorigoin:true,//是否跨域
pathrewrite: //重寫
}));

const proxy = require('http-proxy-middleware');

const  = require('http-proxy-middleware');

實現跨域問題:

linux環境nginx部署vue專案

先將vue打包 上傳到伺服器隨意目錄下，進入到你上傳的那個目錄下 解壓 unzip dist.zip 或者直接解壓後再上傳 如果提示命令未找到 可能是沒有安裝unzip 安裝unzip zip yum install y unzip zip 我的路徑 配置nginx conf下的nginx.conf...

vue專案打包部署生產環境

打包部署生產環境之前需要修改配置檔案 修改一 build utils.js 修改publicpath 這樣寫是處理打包後找不到靜態檔案的問題 修改二 config index.js 修改assetspublicpath 修改目的是為了解決js找不到的問題 3.執行命令 npm run build 打...

node專案部署

第一次自己部署node專案，搞了很久，終於摸清了大概的套路0.0 實現node和git配合，每次開發完上傳到git，再在伺服器使用git拉下來，再次執行，減少每次將專案放到伺服器的步驟，使用工具 node git nvm pm2 nvm 我們可能同時在進行2個專案，而2個不同的專案所使用的node版...