解決VUE 2 打包上線請求介面路徑問題

2021-10-04 14:07:34 字數 748 閱讀 2923

將config/prod.env.js中,新增:

'use strict'

module.exports =

將config/dev.env.js中,新增:

'use strict'

const merge = require('webpack-merge')

const prodenv = require('./prod.env')

module.exports = merge(prodenv, )

在main.js中,設定:

axios.defaults.baseurl = process.env.api_host;
在元件中調介面時候:

this.$axios.post('login',this.$qs.stringify())
這樣最終執行npm run dev是ok的,但是npm run build的時候就一直報錯:

static/js/[name].[chunkhash].js

unexpected token (47:27)

| var that = this;

| this.$axios.post(http://******x/ + 'login', this.$qs.stringify()).then(function (response) 一定要單雙引號全部加上!!!!

vue專案的打包上線

開啟專案目錄,執行 npm run build 專案執行後,會生成乙個dist目錄,這個目錄就是上線的內容,將這個檔案給後台,放到伺服器上即可 1.後台的根目錄下直接放即可 2.如果放在後台的乙個資料夾下,例如放在後台的project檔案下,配置如下 config index.js檔案裡面找到bui...

基於Vue專案打包上線配置

開發階段 注釋掉 讓 後面的log 可以使用 發布階段 釋放注釋 log重寫 後面的log 都不會 列印npm i live server g為什麼要進行懶載入 效能優化 首屏載入速度 router index.js import home from pages home.vue home就是首屏 ...

vue專案筆記(31) 專案打包上線

1 在專案終端中執行以下命令 npm run build2 此後,專案會增加dist資料夾,該目錄 就是最終要上線的 3 複製dist資料夾,交於後台開發人員,將 放到後端的伺服器上。4 放置在後端的根目錄下,也可以放置在指定的目錄下。如果要放置在指定的目錄下,我們需要在前端的config inde...