使用vue cli開發專案中遇到的坑
一、部署檔案
使用vue cli 開發專案，執行npm run build命令生成dist靜態檔案，將dist檔案包放到伺服器中即可。
剛接觸webpack，不知道怎麼部署前端檔案，原以為需要將app檔案上傳，在 inux上安裝node，以及npm install 一系列的包，搗鼓了很久，發現只需要執行 npm run build 將原始碼打包成一個靜態文 檔案即可，上傳靜態檔案dist，將 controller指向index.html。
二、跨域問題
實行前後端分離，使用vue init 要安裝 webpack版本，避免安裝webpack-simple，webpack版本自帶跨域處理，在config資料夾下index.js檔案中增加配置：
proxyTable: {
'/api': {
target: 'http://116.62.180.238:8081/',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
另：部署到伺服器中，nginx也需要寫轉換api的程式碼
相關推薦
使用vue cli開發專案中遇到的坑
一、部署檔案 使用vue cli 開發專案，執行npm run build命令生成dist靜態檔案，將dist檔案包放到伺服器中即可。 剛接觸webpack，不知道怎麼部署前端檔案，原以為需要將
vue-cli的專案中關於axios的全域性配置
1. 使用easy-mock.com來模擬資料介面 2. npm install axios 安裝 3.新建目錄 其中的http.js 裡面是對axios請求介面的前期引數配置與後期資料的處理，直接上程式碼 import axios from 'axios' const instance
在vue-cli + webpack 專案中使用sass
1、準備工作： 由於npm的伺服器在國外，網速慢而且安裝容易失敗，建議在安裝之前，先安裝國內的映象，比如淘寶映象 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安裝vue-cli 全域性
在vue專案中使用sass（適用於vue-cli腳手架專案）
進入專案目錄： C:\Users\PC>cd XXX/XXXX/xxx //你的專案目錄 安裝sass的依賴： npm install --save-dev sass-loader npm install --save-dev node-s
使用vscode開發vue cli 3專案，配置eslint以及prettier
初始化專案時選擇eslint-config-standard作為程式碼檢測規範，vscode安裝ESLint和Prettier - Code formatter兩個外掛，並進行如下配置 { "editor.formatOnPaste": true, "editor.formatOnSave"
vue-cli 開發中跨域問題和profile模式配置
一、開發環境中跨域 使用 Vue-cli 建立的專案，開發地址是 localhost:8080，需要訪問非本機上的介面http://10.1.0.34:8000/queryRole。不同域名之間的訪問，需要跨域才能正確請求。跨域的方法很多，通常都需要後臺配置，不過 Vue-cli 建立的
vue-cli工程化專案開發
vue-cli工程化專案開發 目錄 vue-cli簡介 vue-cli環境搭建 多個介面的建立和顯示 元件的使用 路由 網路請求 課程內容 1.vue-cli簡介 q.vue-cli是什麼? vue-cli是一個工具, 是v
Vue 爬坑之路（一）—— 使用 vue-cli 搭建專案
vue-cli 是一個官方釋出 vue.js 專案腳手架，使用 vue-cli 可以快速建立 vue 專案，GitHub地址是：https://github.com/vuejs/vue-cli 一、 安裝 node.js 首先需要安裝node環境，可以
vue-cli開發vue專案1元件化開發
之前想寫一篇如何安裝腳手架的部落格，但是自己對於webpack又不瞭解，所以就作罷，假定這是在已經有vue基礎的首先，對於元件。我們的理解是將頁面的一部分分割，然後將一部分就稱之為元件，就好像我們最常用的按鈕，他也可以算是一個元件，這樣，整個介面被規劃成為一個個小的元件，那麼
使用Unity開發專案中遇到的坑~~
移植過程中的部署問題。這次開發《盜墓空間》，部署到了三個平臺：PC，Android，WP8。無疑，PC端是比較順風順水的，不過還是有點小問題需要注意。部分手持裝置的功能，不能在PC端訪問。比如Handheld類，在部署到PC端時，需要真對平臺做一個小的特殊處理，不詳述。Android端，android端還好，
webpack中vue-cli開發跨域的問題
在使用webpack做開發除錯的時候，因為需要使用nodejs伺服器作為前端頁面的伺服器。如果後端使用的是Java（比如後臺是Java程式碼部署在Tomcat伺服器上），那前端頁面傳送http請求、儲存cookie等都會存在跨域請求不了或者儲存不了的問題
Vue 框架 學習--3、vue cli開發中元件套用的佈局問題
前言：本文是為了總結個人在vue學習中摸索元件佈局的規律而創作。 我們隊元件進行佈局需要了解該問題： 我們在操縱元件進行一些列效果實現時，元件的模板是否受到父元素的干擾？ 我們來進行實驗，看看實驗結果： 首先我們在index.html中建立一個div
Vue-cli開發SPA應用(試用初學者)
lang 淘寶 web 系統 版本 window系統 檢查 運行 pri 使用Vue開發SPA（單頁面應用）估計各位博友都耳熟能詳了，這裏簡單概要一下使用vue-cli快速開發單頁面應用。本博文以window系統為例（雖然用的是Mac操作的，考慮到大多數博友是用window
Vue-cli開發筆記一----------項目的結構
web node lin sch scrip base via 裏的 ack 配置文件package.json: 搜索了配置的原理：https://segmentfault.com/a/1190000000344102 裏面講到：npm會在package.json文件中找s
Vue-cli開發筆記三----------引入外部插件
scrip onf vue center logs aid text cli exp （一）絕對路徑直接引入： （1）主入口頁面index.html中頭部script標簽引入： 1 <script type="text/javascript" src="http:/
在Vue-cli項目中引入Bootstrap
版本 下載 class pre 官網下載 css 依賴 font port （1）到bootstrap官網下載所需版本的bootstrap.zip文件。 （2）將bootstrap.min.css以及bootstrap.min.js解壓到assets文件夾，另外還需要將fo
關於npm警告fsevents和vue-cli項目中的一些問題，持續更新
span .com 就會 window font main win 是我 cli 1.install一個npm包的時候，總是會報這個警告； 網上查資料知道，這個fsevents是mac下用的，windows忽略即可； 2.關於在main.js中引入less文件的問題
在vue-cli項目中mockjs和vConsole的使用
turn enc image error RR http 控件 items main mockjs使用 1.安裝npm install mockjs 2.在src/assets目錄下創建個util文件夾，並在裏新建一個文件mock.js 例如： const Mock =
Vuex內容解析和vue cli項目中使用狀態管理模式Vuex
ces timeout AD 所有 vue ... 介紹 -- 組裝 中文文檔：vuex官方中文網站 一、vuex裏面都有些什麽內容？ const store = new Vuex.Store({ state: { name: ‘weish‘,
vue-cli(vue2.x)中使用axios
Axios 是一個基於 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。 特性 瀏覽器端發起XMLHttpRequests請求 Node端發起http請求 支援Promise API 攔截請求和響應 轉化請求和響應（資料） 取消請求 自動轉化json資料 客戶