後端直接經過地址訪問vue項目

當咱們在開發的時候，有時候後端要去訪問咱們的頁面，若要直接輸入ip地址＋端口去訪問是訪問不到的，那麼咱們前端須要作一些操做
方法1.修改config文件夾下的index.js文件
module.exports = {
    dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},

    // Various Dev Server settings
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
    }
}
須要修改的地方：
    host: '192.000.0.00', // can be overwritten by process.env.HOST（你電腦的ip地址）
    port: 7777, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined（你想修改的端口號）
    
方法2.部署到nginx
a.npm run build以後在dist文件夾下打出包 static文件夾和index.html文件
b.修改conf文件下的nginx.conf文件
 server {
        listen       80;（重點========你要修改的端口）
        server_name  localhost;(也能夠修改++若部署在你的電腦上別人訪問，則修改成你的ip地址++本身訪問就無所謂了)

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   D:\AAA\dist;(你的dist文件所在的位置)
            index  index.html index.htm;
    }
   c.重啓.exe就能夠執行
   d.訪問時輸入localhost（或你修改過的ip地址）+你修改後的端口
複製代碼